@keyframes imageFade {
    0% { opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
  }

  /* Initial text state */
  .text-overlay-init h2,
  .text-overlay-init p {
    opacity: 0;
    transform: translateY(20px);
  }

  @keyframes slide-up {
    0% { transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
  }
  
  .animate-slide-up {
    animation: slide-up 0.6s ease-out;
  }
  
  .animate-fade-in-delayed {
    animation: fade-in 0.8s ease-out 0.3s forwards;
    opacity: 0;
  }