.scroll-3d-item {
  opacity: 0;
  transform: perspective(900px) rotateX(18deg) translateY(50px) scale(0.97);
  transition:
    opacity 0.65s ease,
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}

.scroll-3d-item.scroll-3d-visible {
  opacity: 1;
  transform: perspective(900px) rotateX(0deg) translateY(0px) scale(1);
}