/* Add custom CSS styles below */ 
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* The initial state for elements that will be revealed */
.reveal-on-scroll {
  opacity: 0;
  will-change: transform, opacity;
}

/* The class that triggers the animation */
.reveal-on-scroll.animate-entrance {
  animation: fadeInUp 0.8s ease-out forwards;
}