.bgAniContainer-12 {
  width: 100%;
  /*height: 40%;*/
  min-height: 500px;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat;
  animation: slBerge 20s linear 0.01s infinite;
  -webkit-animation-name: slBerge;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: 20;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
}

@keyframes slBerge {
  from, 10% {
    background: url("../../assets/img/berge/berge-0.webp");
  }
  15%, 35% {
    background: url("../../assets/img/berge/berge-0.webp");
  }
  40%, 60% {
    background: url("../../assets/img/berge/berge-0.webp");
  }
  65%, 85% {
    background: url("../../assets/img/berge/berge-0.webp");
  }
  90%, to {
    background: url("../../assets/img/berge/berge-0.webp");
  }
}

.bgAniContainer-1 {
  width: 100%;
  min-height: 500px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  animation: slBerge 20s linear 0.01s infinite;
}