.product-gallery__scroll-indicator {
  display: block;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.55));
  height: 24rem;
  left: 50%;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 400ms var(--easing-default), transform 400ms var(--easing-default);
  width: 24rem;
  z-index: 2;
}

.product-gallery__scroll-indicator.is-hidden {
  opacity: 0;
  transform: translate(-50%, calc(-50% + 1rem));
}