.awesome-banner_seo-base {
  background-image: url("../images/bg.jpg");
}

.awesome-banner_seo-base .awesome-banner__media-wrapper {
  display: flex;
}

.awesome-banner_seo-base .awesome-banner__media-el._0 {
  background-image: url("../images/0.png");
}

.awesome-banner_seo-base .awesome-banner__media-el._1 {
  transform-origin: calc(510 * 100% / 972) calc(490 * 100% / 650);
}

.awesome-banner_seo-base .awesome-banner__media-el._1-1 {
  background-image: url("../images/1-1.png");
}

.awesome-banner_seo-base .awesome-banner__media-el._2 {
  transform-origin: calc(131 * 100% / 972) calc(429 * 100% / 650);
}

.awesome-banner_seo-base .awesome-banner__media-el._2-1 {
  background-image: url("../images/2-1.png");
}

.awesome-banner_seo-base .awesome-banner__media-el._3 {
  transform-origin: calc(624 * 100% / 972) calc(283 * 100% / 650);
}

.awesome-banner_seo-base .awesome-banner__media-el._3-1 {
  background-image: url("../images/3-1.png");
}

.awesome-banner_seo-base .awesome-banner__media-el._4 {
  transform-origin: calc(490 * 100% / 972) calc(429 * 100% / 650);
}

.awesome-banner_seo-base .awesome-banner__media-el._4-1 {
  background-image: url("../images/4-1.png");
}

.awesome-banner_seo-base .awesome-banner__media-el._5 {
  background-image: url("../images/5.png");
  transform-origin: calc(452 * 100% / 972) calc(172 * 100% / 650);
}

.awesome-banner_seo-base .awesome-banner__media-el._5-1 {
  background-image: url("../images/5-1.png");
  transform-origin: calc(453 * 100% / 972) calc(105 * 100% / 650);
}

.awesome-banner_seo-base .awesome-banner__media-el._1-1,
.awesome-banner_seo-base .awesome-banner__media-el._2-1,
.awesome-banner_seo-base .awesome-banner__media-el._3-1,
.awesome-banner_seo-base .awesome-banner__media-el._4-1,
.awesome-banner_seo-base .awesome-banner__media-el._5-1 {
  animation-duration: 3s;
  animation-name: awesome-banner_seo-base-fly;
}

.awesome-banner_seo-base .awesome-banner__media-el._1-1 {
  animation-delay: 0.5s;
}

.awesome-banner_seo-base .awesome-banner__media-el._2-1 {
  animation-delay: 1s;
}

.awesome-banner_seo-base .awesome-banner__media-el._3-1 {
  animation-delay: 1.25s;
}

.awesome-banner_seo-base .awesome-banner__media-el._4-1 {
  animation-delay: 2s;
}

.awesome-banner_seo-base .awesome-banner__media-el._5-1 {
  animation-delay: 1.85s;
}

@keyframes awesome-banner_seo-base-fly {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-1.5%);
  }
}

.awesome-banner_seo-base .awesome-banner__media-el._0 {
  animation-name: awesome-banner_seo-base-0;
}

@keyframes awesome-banner_seo-base-0 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  15%,
  95% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

.awesome-banner_seo-base .awesome-banner__media-el._1 {
  animation-name: awesome-banner_seo-base-1;
}

@keyframes awesome-banner_seo-base-1 {
  0%,
  15% {
    opacity: 0;
    transform: scale(0);
  }

  20%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_seo-base .awesome-banner__media-el._2 {
  animation-name: awesome-banner_seo-base-2;
}

@keyframes awesome-banner_seo-base-2 {
  0%,
  20% {
    opacity: 0;
    transform: scale(0);
  }

  25%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_seo-base .awesome-banner__media-el._3 {
  animation-name: awesome-banner_seo-base-3;
}

@keyframes awesome-banner_seo-base-3 {
  0%,
  25% {
    opacity: 0;
    transform: scale(0);
  }

  30%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_seo-base .awesome-banner__media-el._4 {
  animation-name: awesome-banner_seo-base-4;
}

@keyframes awesome-banner_seo-base-4 {
  0%,
  30% {
    opacity: 0;
    transform: scale(0);
  }

  35%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_seo-base .awesome-banner__media-el._5 {
  animation-name: awesome-banner_seo-base-5;
}

@keyframes awesome-banner_seo-base-5 {
  0%,
  35% {
    opacity: 0;
    transform: scaleY(0);
  }

  40%,
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}

@media (max-width: 575.98px) {
  .awesome-banner_seo-base .awesome-banner__media {
    transform: translateX(6%);
  }
}