@keyframes reveal-animation {
  from {
    opacity: 0;
    transform: translateY(100px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.reveal {
  animation: reveal-animation linear both;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
}