.section--has-bg {
  position: relative;
}

.container--has-animation {
  position: relative;
  overflow-x: hidden;
}

.container--has-animation .col {
  position: relative;
}

.animation-wrapper {
  min-height: 420px;
}

.animation-wrapper__inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 615px;
}

.lottie-bg {
  display: none;
}

.lottie--animation-team,
.lottie--animation-awards {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 768px) {
  .animation-wrapper-team .animation-wrapper__inner {
    min-height: 1024px;
  }

  .animation-wrapper-awards .animation-wrapper__inner {
    min-height: 800px;
  }

  .lottie--animation-team {
    margin-top: 4em;
  }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
  .animation-wrapper-team .animation-wrapper__inner {
    min-height: 1100px;
  }

  .animation-wrapper-awards .animation-wrapper__inner {
    min-height: 915px;
  }

  .lottie--animation-team {
    margin-top: 5em;
  }
}

@media screen and (min-width: 992px) {
  .animation-wrapper-team .animation-wrapper__inner {
    min-height: 680px;
  }

  .team-text {
    width: 30%;
    position: absolute;
    top: 0;
  }

  .lottie-bg {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
  }

  .lottie-bg--align-top {
    top: 0;
  }

  .lottie-bg--align-bottom {
    bottom: 0;
  }

  .lottie--animation-cities {
    right: 0;
  }

  .lottie--animation-team,
  .lottie--animation-awards {
    width: 70%;
  }
}

.lottie--animation-cities {
  width: 120%;
  position: absolute;
  bottom: 0;
}