Блок с движущимися коротенькими сообщения

<script type="text/javascript">
$(document).ready(function(){
  var first = 0;
  var speed = 700;
  var pause = 5500;
   
  function removeFirst(){
  first = $('ul#bcinfus li:first').html();
  $('ul#bcinfus li:first')
  .animate({opacity: 0}, speed)
  .fadeOut('slow', function() {$(this).remove();});
  addLast(first);
  }
   
  function addLast(first){
  last = '<li style="display:none">'+first+'</li>';
  $('ul#bcinfus').append(last)
  $('ul#bcinfus li:last')
  .animate({opacity: 1}, speed)
  .fadeIn('slow')
  }
   
  interval = setInterval(removeFirst, pause);
});
</script>

<div class="bcinfus">
  <div class="infuslbc">
  <div class="z">ОТЗЫВЫ</div>
<div class="sbc">Только от реальных пользователей нашего проекта</div>
<div class="sbtex">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
  </div>
  <div class="infusrbc">
  <ul id="bcinfus">  
  <div class="infusimg"></div>
  <li>  
  <div class="inusotziv">
  <div class="infusbl">
  <div class="infusava"><img src="img/2.png" alt=""></div>
  </div>
  <div class="infusbr">
  <span><a href="">talantlev.ucoz.ru</a></pan> </span>
  <p>У нас для вас есть - скрипты, статьи, форум и мастерская где вам всегда помогут </p>
  </div>
  </div>
  </li>
  <li>  
  <div class="inusotziv">
  <div class="infusbl">
  <div class="infusava"><img src="img/12.jpeg" alt=""></div>
  </div>
  <div class="infusbr">
  <span><a href="">waak</a></pan> </span>
  <p>Не забыыайте писать комментарии!</p>
  </div>
  </div>
  </li>
  <li>  
  <div class="inusotziv">
  <div class="infusbl">
  <div class="infusava"><img src="img/3.png" alt=""></div>
  </div>
  <div class="infusbr">
  <span><a href="">waak</a></pan> </span>
  <p>Ваша активность залог обновлений каталога скриптов. </p>
  </div>
  </div>
  </li>
  <li>  
  <div class="inusotziv">
  <div class="infusbl">
  <div class="infusava"><img src="img/5.png" alt=""></div>
  </div>
  <div class="infusbr">
  <span><a href="">waak</a></pan> </span>
  <p>Мастерская открыта!</p>
  </div>
  </div>
  </li>
  </ul>
  </div>
</div>

.infuslbc {
  margin-right: 90px;
  width: 500px;
  padding: 53px 0;
  }
  .z {
  color: rgba(36,43,44,.4);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
  }
  .sbc {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
  }
  .sbtex {
  color: #7c7c7c;
  font-size: 15px;
  line-height: 24px;
  }

.bcinfus {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  background: #F8F7F7;
}

#bcinfus {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 350px;
  height: 300px;
  overflow: hidden;
  padding: 20px 0;
}

.inusotziv {
  display: flex;
  margin: 0 0 15px;
  position: relative;
  z-index: 1;
}

.infusbr {
  background: #fff;
  border-radius: 0 20px 20px;
  box-shadow: 0 9px 36px rgba(0,0,0,.05);
  padding: 15px;
}

.infusbr span a {
  color: #242b2c;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.infusbr p {
  display: block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #242b2c;
}

.infusava {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 10px;
}
.infusava img {
  width: 300px;
  height: 30px;
  object-fit: cover;
}

.infusimg {

background-image: url("../img/infus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

<li>  
  <div class="inusotziv">
  <div class="infusbl">
  <div class="infusava"><img src="img/3.png" alt=""></div>
  </div>
  <div class="infusbr">
  <span><a href="">waak</a></pan> </span>
  <p>Ваша активность залог обновлений каталога скриптов. </p>
  </div>
  </div>
  </li>