.mainContainerIntro {
    display: flex;
    justify-content: center;
    max-width: 1600px;
    margin: 0 auto;
}

.formAvis {
    display: flex;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
}

/* Styles pour les écrans de taille normale (ordinateurs) */
.imageOrdinateur {
  display: block; /* Assurez-vous que l'image est affichée sur les écrans de grande taille */
  width: 100%; /* S'assurer que l'image occupe toute la largeur */
  height: auto; /* Pour maintenir le ratio d'aspect de l'image */
}

/* Styles pour les écrans de petite taille (mobiles) */
@media only screen and (max-width: 767px) {
  .imageOrdinateur {
    display: none;
  }
}

/* Styles pour les écrans de taille normale (ordinateurs) */
.imageMobile {
  display: none;
}

/* Styles pour les écrans de petite taille (mobiles) */
@media only screen and (max-width: 767px) {
  .imageMobile {
    display: block; /* S'assurer que l'image est affichée sur les écrans de petite taille */
    width: 100%; /* S'assurer que l'image occupe toute la largeur */
    height: auto; /* Pour maintenir le ratio d'aspect de l'image */
  }
}