.bg-section-img {
  display: block;
  width: 100%;
  height: auto;
  padding: 32px;
}

.container-img-bg-animate1 {
  position: absolute;
  width: 200px;
  height: auto;
  top: 50%;
  transform: translateY(-145%);
  left: -90px;
  z-index: -1;
  opacity: .8;
  overflow-x: hidden;
}

@media (min-width: 576px) {
  .container-img-bg-animate1 {
    width: 190px;
    transform: translateY(-120%);
    left: -80px;
  }
}

@media (min-width: 768px) {
  .container-img-bg-animate1 {
    width: 200px;
    transform: translateY(-110%);
    left: -90px;
  }
}

@media (min-width: 992px) {
  .container-img-bg-animate1 {
    width: 350px;
    transform: translateY(-43%);
    left: -160px;
  }
}

@media (min-width: 1200px) {
  .container-img-bg-animate1 {
    width: 390px;
    height: 390px;
    transform: translateY(-40%);
    left: -170px;
  }
}

.container-img-bg-animate2 {
  position: absolute;
  width: 250px;
  height: auto;
  top: 50%;
  transform: translateY(-300%);
  right: -150px;
  z-index: -1;
  opacity: .8;
  overflow-x: hidden;
}

@media (min-width: 576px) {
  .container-img-bg-animate2 {
    width: 270px;
    transform: translateY(-250%);
    right: -170px;
  }
}

@media (min-width: 768px) {
  .container-img-bg-animate2 {
    width: 370px;
    transform: translateY(-175%);
    right: -230px;
  }
}

@media (min-width: 992px) {
  .container-img-bg-animate2 {
    width: 430px;
    transform: translateY(-115%);
    right: -270px;
  }
}

@media (min-width: 1200px) {
  .container-img-bg-animate2 {
    width: 460px;
    transform: translateY(-105%);
    right: -310px;
  }
}

@media (min-width: 1400px) {
  .container-img-bg-animate2 {
    width: 550px;
    transform: translateY(-90%);
    right: -360px;
  }
}

.container-img-bg-animate3 {
  position: absolute;
  width: 330px;
  height: auto;
  top: 50%;
  transform: translateY(10%);
  left: -225px;
  z-index: -1;
  opacity: .8;
  overflow-x: hidden;
}

@media (min-width: 576px) {
  .container-img-bg-animate3 {
    width: 340px;
    transform: translateY(-5%);
    left: -225px;
  }
}

@media (min-width: 768px) {
  .container-img-bg-animate3 {
    width: 350px;
    transform: translateY(0%);
    left: -235px;
  }
}

@media (min-width: 992px) {
  .container-img-bg-animate3 {
    width: 440px;
    transform: translateY(-10%);
    left: -290px;
  }
}

@media (min-width: 1400px) {
  .container-img-bg-animate3 {
    position: absolute;
    width: 500px;
    height: auto;
    top: 50%;
    transform: translateY(-20%);
    left: -340px;
    z-index: -1;
    opacity: .8;
  }
}

.container-img-bg-animate4 {
  position: absolute;
  width: 330px;
  height: auto;
  top: 50%;
  transform: translateY(-225%);
  right: -210px;
  z-index: -1;
  opacity: .7;
  overflow-x: hidden;
}

@media (min-width: 576px) {
  .container-img-bg-animate4 {
    width: 330px;
    transform: translateY(-200%);
    right: -230px;
  }
}

@media (min-width: 768px) {
  .container-img-bg-animate4 {
    width: 540px;
    transform: translateY(-55%);
    right: -330px;
  }
}

@media (min-width: 992px) {
  .container-img-bg-animate4 {
    width: 550px;
    transform: translateY(-55%);
    right: -340px;
  }
}

@media (min-width: 1400px) {
  .container-img-bg-animate4 {
    width: 600px;
    transform: translateY(-50%);
    right: -400px;
  }
}

[class*="container-img-bg-animate"] {
  pointer-events: none;
}