[data-ch-image-scroll] {
  --image-scroll-distance: 25px;
  --image-scroll-scale: 1.12;
  overflow: hidden;
}

[data-ch-image-scroll-boundary] {
  overflow-x: clip;
}

[data-ch-image-scroll]:not([data-ch-image-scroll-self]) img,
[data-ch-image-scroll-self] {
  transform: translate3d(0, var(--image-scroll-y, 0px), 0) scale(var(--image-scroll-scale));
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  [data-ch-image-scroll]:not([data-ch-image-scroll-self]) img,
  [data-ch-image-scroll-self] {
    transform: none;
  }
}