.packaging-bg-gansito {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.packaging-bg-gansito__outer-container {
  height: 100%;
  position: relative;
  width: 100%;
}
.packaging-bg-gansito__light,
.packaging-bg-gansito__wave-noise {
  height: 500px;
  left: 50%;
  position: absolute;
  top: 100px;
  transform: translateX(-50%);
  width: 500px;
}
.packaging-bg-gansito__light {
  background: radial-gradient(rgb(73 237 223) 0%, rgb(70 199 247 / 0%) 70%, rgba(17,160,242,0) 100%);
  mix-blend-mode: color-dodge;
  mask-image: radial-gradient(rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 70%,rgba(0,0,0,0) 100%);
  -webkit-mask-image: radial-gradient(rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 70%,rgba(0,0,0,0) 100%);
}
.packaging-bg-gansito__wave-noise {
  mask-image: radial-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 45%, rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.0) 100%);
  -webkit-mask-image: radial-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 45%, rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.0) 100%);
}

@media (min-width: 768px) {
  .packaging-bg-gansito__light,
  .packaging-bg-gansito__wave-noise {
    height: 650px;
    top: 50px;
    width: 650px;
  }
}

@media (min-width: 1024px) {
  .packaging-bg-gansito__light,
  .packaging-bg-gansito__wave-noise {
    height: 900px;
    top: 0px;
    width: 900px;
  }
}

@media (min-width: 1360px) {
  .packaging-bg-gansito__light,
  .packaging-bg-gansito__wave-noise {
    height: 1000px;
    top: 50px;
    width: 1000px;
  }
}