@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: translateY(100px) scale(1);
  }
  50% {
    opacity: 0.95; /* Si ferma al 90% che hai richiesto */
    transform: translateY(-30px) scale(1);
  }
  75% {
    opacity: 0.95; /* Si ferma al 90% che hai richiesto */
    transform: translateY(10px) scale(1);
  }
   100% {
    opacity: 0.95; /* Si ferma al 90% che hai richiesto */
    transform: translateY(0px) scale(1);
  }
}
.hero-card{

  /*opacity: 0.95;
  /* Ombra nera morbida ma evidente */
  box-shadow: 0 8px 10px rgba(8, 8, 8, 0.8) !important;
animation: fadeInScale 1.5s ease-out forwards;
  
  /* Transizione fluida per l'interazione al passaggio del mouse */
 /* transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;*/
}