#home-image{
  box-sizing: border-box;
  max-width: 100%;
}

.home-img-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.home-img-container img {
  width: 100vw;
  min-height: 300px;
  max-height: 400px;
  height: auto;
  object-fit: cover;
  display: block;
}

.img-alt {
  position: absolute;
  top: 10px;               /* distance depuis le haut */
  left: 50%;               /* centre horizontal approximatif */
  transform: translateX(-50%); /* centrage exact */
  color: #ff9966c9;
  font-size: 2.5em;
  font-weight: bold;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.7); /* pour la lisibilité */
  white-space: nowrap;     /* empêche le texte de passer à la ligne */
  text-align: center;
  pointer-events: none;    /* pour que le span ne bloque pas l’image */
}

.home-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(255,255,255,0); /* couleur et transparence */
  pointer-events: none;
  z-index: 1;
}