[html] <div style="padding:100.74% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/695409715?h=1dceb94772&autoplay=1&loop=1" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>[/html]

[html] <script type="text/javascript">$(function () {
  setTimeout(function () {
  $(".animated-text").removeClass("hidden-text");
  }, 600);
}); </script>
<style>
.animated-text {
  position: absolute;
font-family:'morf';
Left:60%;
  transform: translate(-50%, -50%);
}
.animated-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  .animated-text ul li {
  display: inline-block;
  font-size: 35px;
text-transform: uppercase;
  margin-left: 15px;
  color: #980000;
  opacity: 1;
font-family:'morf';
transition: all 9.5s ease 0s;
  }
.animated-text ul li:first-child {
  margin-left: 0px;
  }

.animated-text.hidden-text ul li {
  opacity: 0;
}
  .animated-text.hidden-text ul li:nth-child(1) {
  transform: translate(-200px, -180px);
  }
.animated-text.hidden-text ul li:nth-child(2) {
  transform: translate(100px, 180px);
  }
  .animated-text.hidden-text ul li:nth-child(3) {
  transform: translate(250px, 50px)
  }
  .animated-text.hidden-text ul li:nth-child(4) {
  transform: translate(-80px, -100px)
  }
  .animated-text.hidden-text ul li:nth-child(5) {
  transform: translate(200px, -180px)
  }
  .animated-text.hidden-text ul li:nth-child(6) {
  transform: translate(10px, -80px)
  }
  .animated-text.hidden-text ul li:nth-child(7) {
  transform: translate(-250px, 70px)
  }
  .animated-text.hidden-text ul li:nth-child(8) {
  transform: translate(-240px, 140px)
  }
  .animated-text.hidden-text ul li:nth-child(9) {
  transform: translate(290px, -100px)
  }
  .animated-text.hidden-text ul li:nth-child(10) {
  transform: translate(60px, -170px)
  }
  .animated-text.hidden-text ul li:nth-child(11) {
  transform: translate(190px, -20px)
  }
  .animated-text.hidden-text ul li:nth-child(12) {
  transform: translate(-200px, -180px)
  } </style>
  <div class="animated-text hidden-text">
<ul> <li> <img height="77"src="https://i3.imageban.ru/out/2020/09/08/2769175cd26ece44cd0d7c42d578692a.gif" alt= "Фото/гиф Перехода" width="120" height="120" /> </li>
<li>П</li>
<li>О</li>
<li>Б</li>
<li>Е</li>
<li>Д</li>
<li>А</li>
<li> <img height="77"src="https://i3.imageban.ru/out/2020/09/08/2769175cd26ece44cd0d7c42d578692a.gif" alt= "Фото/гиф Перехода" width="120" height="120" /> </li>
</ul>
</div>[/html]