/* Image scroll rotation effect */
.rotate-on-scroll {
  transition: transform 0.8s ease-out;
  transform-style: preserve-3d;
  will-change: transform;
  transform-origin: center center;
  backface-visibility: visible;
  display: block; /* Ensure proper display */
  position: relative;
  z-index: 10;
}

.img-container {
  perspective: 2000px;
  overflow: visible; /* Allow rotation to be visible outside container */
  transform-style: preserve-3d; /* Preserve 3D for children */
  display: block;
  position: relative;
  z-index: 5;
}