@keyframes fadeIn {
    from {
     opacity: 0;
     transform: translateY(20px);
    }
    to {
     opacity: 1;
     transform: translateY(0);
    }
   }
   .fade-in {
    animation: fadeIn 2s ease-in-out;
   }
   .hover-animate {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
   }
   .hover-animate:hover {
    transform: scale(1.05);
    opacity: 0.8;
   }