.parallax-frame {
  overflow: hidden;
}

.parallax-asset {
  transform: translate3d(0, 0, 0) scale(1.1);
  transform-origin: center;
  will-change: transform;
}

.parallax-background {
  background-position: center calc(50% + var(--parallax-y, 0px)) !important;
  will-change: background-position;
}

@media (max-width: 800px), (prefers-reduced-motion: reduce) {
  .parallax-asset {
    transform: none !important;
    will-change: auto;
  }

  .parallax-background {
    background-position: center !important;
    will-change: auto;
  }
}
