/* Reset basique */
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Espace pour permettre le défilement */
.scroll-area {
  height: 3000px;
  background: transparent;
}

/* SUPPRIMÉ: Règle pour .center-line était ici */

/* Conteneur d'image gauche */
#image-container-left {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 150px;
  height: 150px;
  z-index: 9999; /* Valeur très élevée pour être toujours au-dessus */
}

/* Conteneur d'image droite */
#image-container-right {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 150px;
  z-index: 9999; /* Valeur très élevée pour être toujours au-dessus */
}

/* Style des images */
.image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 9999; /* Même z-index élevé pour les images */
}

/* Media queries pour adapter les images DON et 1930 en responsive */
@media screen and (max-width: 768px) {
  #image-container-left,
  #image-container-right {
    width: 120px; /* Réduction de 150px à 120px sur tablette */
    height: 120px;
  }
}

@media screen and (max-width: 576px) {
  #image-container-left,
  #image-container-right {
    width: 100px; /* Réduction à 100px sur mobile */
    height: 100px;
  }
}

@media screen and (max-width: 480px) {
  #image-container-left,
  #image-container-right {
    width: 80px; /* Réduction à 80px sur petit mobile */
    height: 80px;
  }
}

@media screen and (max-width: 400px) {
  #image-container-left,
  #image-container-right {
    width: 70px; /* Réduction à 70px sur très petit mobile */
    height: 70px;
  }
}