/* Conteneur principal */
.svg-animation-container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 800px; /* ajuste si besoin */
  overflow: hidden;
}

/* Image : invisible au départ */
.anim-image {
  width: 100%;
  opacity: 0;
  transition: opacity 1.5s ease; /* fade in plus doux */
  position: relative;
  z-index: 1; /* au-dessus quand visible */
}

/* Image visible */
.anim-image.show {
  opacity: 1;
}

/* SVG : visible au départ */
.anim-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity 1.5s ease; /* fade out progressif */
  z-index: 2; /* par-dessus tant qu'il n'est pas caché */
  pointer-events: none; /* évite de bloquer l'image */
}

/* SVG après l'anim */
.anim-svg.hide {
  opacity: 0; /* fade out au lieu de display:none */
}