.inset-container {
  position: absolute;
  inset: 0;
  z-index: -9999;
  overflow: hidden;
}

.organic-gif {
  position: absolute;
  z-index: -1;
  opacity: 0.3;
}

.organic-1 {
  display: none;
}

.organic-2 {
  top: 50px;
  left: -500px;
  max-width: 900px;
  transform: rotate(-10deg);
  opacity: 0.3;
}
.organic-3 {
  top: 1700px;
  left: -550px;
  max-width: 900px;
  transform: rotate(0deg);
  opacity: 0.3;
}
.organic-4 {
  top: 2600px;
  right: -500px;
  max-width: 950px;
  transform: rotate(170deg);
  opacity: 0.3;
}
.organic-5 {
  top: 4200px;
  left: -500px;
  max-width: 950px;
  transform: rotate(-30deg);
  opacity: 0.3;
}

@media (min-width: 992px) {
  .organic-1 {
    top: -200px;
    right: -200px;
    max-width: 800px;
    transform: rotate(-135deg);
    display: block;
  }
  .organic-2 {
    top: 180px;
    left: -600px;
    max-width: 1100px;
  }
  .organic-3 {
    left: -500px;
    max-width: 1100px;
    top: 1500px;
    display: block;
  }
  .organic-4 {
    top: 2800px;
    max-width: 1000px;
  }
}

@media (min-width: 1200px) {
  .organic-4 {
    top: 2700px;
  }
}

@media (min-width: 1400px) {
  .organic-1 {
    top: -300px;
    right: -250px;
    max-width: 1000px;
  }
  .organic-4 {
    top: 2700px;
    right: -650px;
    max-width: 1200px;
  }
}

@media (min-width: 1700px) {
  .organic-1 {
    top: -400px;
    max-width: 1300px;
  }
}