.bg-img {
  position: absolute;
  z-index: -1;
  width: 443px;
}

.bg-img-1 {
  left: 32px;
  bottom: -64px;
}

@media (max-width: 1780px) {
  .bg-img-1 {
    width: 330px;
    bottom: -100px;
  }
}

@media (max-width: 1400px) {
  .bg-img-1 {
    width: 307px;
    left: -4px;
    bottom: unset;
    top: calc(100% + 4px);
  }
}

@media (max-width: 560px) {
  .bg-img-1 {
    top: calc(100% - 64px);
  }
}

.bg-img-2 {
  left: 208px;
  top: -19px;
}

@media (max-width: 1780px) {
  .bg-img-2 {
    width: 330px;
    top: 17px;
  }
}

@media (max-width: 1400px) {
  .bg-img-2 {
    width: 307px;
    left: 151px;
    top: 100px;
  }
}

@media (max-width: 560px) {
  .bg-img-2 {
    left: unset;
    right: -139px;
    top: -43px;
  }
}

.bg-img-3 {
  width: 312px;
  right: 101px;
  top: -37px;
}

@media (max-width: 1680px) {
  .bg-img-3 {
    right: 10px;
  }
}

@media (max-width: 1400px) {
  .bg-img-3 {
    width: 220px;
    top: 319px;
    right: -32px;
  }
}

@media (max-width: 750px) {
  .bg-img-3 {
    width: 210px;
    top: 250px;
    right: -59px;
  }
}

@media (max-width: 640px) {
  .bg-img-3 {
    top: 200px;
  }
}

@media (max-width: 600px) {
  .bg-img-3 {
    top: 180px;
  }
}

@media (max-width: 560px) {
  .bg-img-3 {
    top: 241px;
  }
}

.bg-img-4 {
  width: 476px;
  left: 22px;
  top: 407px;
}

@media (max-width: 1650px) {
  .bg-img-4 {
    width: 360px;
    left: -144px;
    top: 407px;
    transform: scaleX(-1);
  }
}

@media (max-width: 1100px) {
  .bg-img-4 {
    top: -157px;
    z-index: 0;
  }
}

@media (max-width: 657px) {
  .bg-img-4 {
    width: 301px;
    top: -124px;
    left: -165px;
  }
}

@media (max-width: 560px) {
  .bg-img-4 {
    left: unset;
    right: -130px;
    top: 605px;
  }
}

.bg-img-5 {
  width: 193px;
  right: 227px;
  bottom: 320px;
}

@media (max-width: 1600px) {
  .bg-img-5 {
    right: 30px;
  }
}

@media (max-width: 1100px) {
  .bg-img-5 {
    width: 158px;
    right: unset;
    left: 50%;
    bottom: -110px;
    transform: translateX(-50%) rotate(70deg);
  }
}

@media (max-width: 650px) {
  .bg-img-5 {
    bottom: -135px;
  }
}

@media (max-width: 560px) {
  .bg-img-5 {
    left: unset;
    right: -10px;
    bottom: 210px;
    transform: rotate(70deg);
  }
}

.bg-img-6 {
  width: 231px;
  left: 275px;
  top: -86px;
}

@media (max-width: 1550px) {
  .bg-img-6 {
    left: 20px;
  }
}

@media (max-width: 1024px) {
  .bg-img-6 {
    width: 246px;
    left: -30px;
    top: unset;
    bottom: -46px;
  }
}

@media (max-width: 650px) {
  .bg-img-6 {
    left: -123px;
    bottom: -142px;
  }
}

.bg-img-7 {
  width: 110px;
  right: 292px;
  bottom: 237px;
}

@media (max-width: 1700px) {
  .bg-img-7 {
    right: 20px;
  }
}

@media (max-width: 1170px) {
  .bg-img-7 {
    width: 96px;
  }
}

@media (max-width: 560px) {
  .bg-img-7 {
    display: none;
}
}

@media (max-width: 1124px) {
  .bg-img-7 {
    right: 80px;
    bottom: -89px;
  }
}

.bg-img-8 {
  width: 424px;
  left: -156px;
  bottom: -155px;
}

@media (max-width: 1300px) {
  .bg-img-8 {
    width: 300px;
    bottom: -175px;
  }
}

@media (max-width: 1024px) {
  .bg-img-8 {
    display: none;
  }
}