.elementor-646 .elementor-element.elementor-element-247b00c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-166ed2d */.image-stack {
  position: relative;
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1/1;
  margin: 0 auto;
}

.img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

/* Immagine fissa */
.fixed {
  z-index: -10;
}

/* Immagini animate */
.animated {
  opacity: 0;
  animation: slideIn 0.8s ease-out forwards;
  animation-play-state: paused;
  animation-delay: 0.5s; /* Delay globale */
}

/* Attiva le animazioni */
.image-stack.start .animated {
  animation-play-state: running;
}

.delay-1 { animation-delay: 0.5s; }
.delay-2 { animation-delay: 0.8s; }
.delay-3 { animation-delay: 1.1s; }
.delay-4 { animation-delay: 1.4s; }
.delay-5 { animation-delay: 1.7s; }
.delay-6 { animation-delay: 2.0s; }

@keyframes slideIn {
  from {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 480px) {
  .image-stack {
    max-width: 90vw;
  }
}/* End custom CSS */