.scroll-container {
  position: relative;
  /*height: 600px; adjust based on content */
  overflow: visible;
}

.potato {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  transition: transform 0.1s linear, opacity 0.1s linear;
  will-change: transform, opacity;
  z-index: 2;
}

.potato-img {
  /*width: 150px;*/
  display: block;
}

.packet-wrapper {
  position: fixed;
  bottom: 61px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.packet {
  opacity: 1;
  transition: opacity 0.2s linear;
}

.packet.visible {
  opacity: 1;
}

.trigger {
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 1px;
}