.packaging-bg-triki-trakes {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.packaging-bg-triki-trakes__outer-container {
  height: 100%;
  position: relative;
  width: 100%;
}

.packaging-bg-triki-trakes__bg-container {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
}

.packaging-bg-triki-trakes__gradient {
  background: linear-gradient(0deg, rgb(2 77 39) 0%, rgb(5 125 57) 100%);
  height: calc(100% + 161px);
  position: absolute;
  width: 100%;
  top: -1px
}

.packaging-bg-triki-trakes__wave-noise {
  height: calc(100% + 160px);
  opacity: 0.2;
}

@media (min-width: 768px) {
  .packaging-bg-triki-trakes__gradient,
  .packaging-bg-triki-trakes__wave-noise {
    height: calc(100% + 130px);
  }
}

@media (min-width: 1024px) {
  .packaging-bg-triki-trakes__gradient,
  .packaging-bg-triki-trakes__wave-noise {
    height: calc(100% + 140px);
  }
}

@media (min-width: 1360px) {
  .packaging-bg-triki-trakes__gradient,
  .packaging-bg-triki-trakes__wave-noise {
    height: calc(100% + 190px);
    top: -10px
  }
  .packaging-bg-triki-trakes {
    top: 8px;
  }
}

@media (min-width: 1920px) {
  .packaging-bg-triki-trakes__gradient,
  .packaging-bg-triki-trakes__wave-noise {
    height: calc(100% + 250px);
  }
  .packaging-bg-triki-trakes {
    top: 0px;
  }
}