@media only screen and (min-width: 320px) {
    .fade-in {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 2s ease-out, transform 2s ease-out;
      }
      
      /* Kun luokka "show" lisätään, fade-in aktivoituu */
      .fade-in.show {
        opacity: 1;
        transform: translateY(0);
      }
}

@media only screen and (min-width: 768px) {
    
}

@media only screen and (min-width: 1024px) {
   
}