@keyframes fadeInBackground {
    0% {
      opacity: 0; /* Début de l'animation : opacité à 0 */
      visibility: hidden; /* Début de l'animation : visibilité cachée */
    }
    100% {
      opacity: 1; /* Fin de l'animation : opacité à 1 */
      visibility: visible; /* Fin de l'animation : visibilité visible */
    }
  }

.main {
    padding: 0.5em;
    text-align: center;
    width: 80%;
    margin: auto;
    background-color: var(--main-white);
    border: 0.5em solid var(--main-dark-red);
    border-radius: 0.5em;    
    padding: 1em;
    margin-bottom: 0.5em;
    position: relative;
}

.galerie__title {
    font-size: 2.5em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.galerie__description {
    line-height: 1.5em;
}

.description_link {
    line-height: 1.5em;
    text-align: center;
    font-size: 1.1em;
}

.galerie {
    margin-top: 2em;
    text-align: left;
}

.afficheImg {
    opacity: 0;
    animation: fadeInBackground 0.75s ease 0.75s forwards;
    width: 80%;
    padding: 1em;
}

.galerie__section {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

.galerie__subtitle {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.section__photos {
    width: 100%;
}

.section__photo {
    width: 90%;
}

@media (min-width: 900px) {
    .galerie__description {
        line-height: 1.7em;
    }
    .galerie__title {
        font-size: 2.5em;
    }
    .afficheImg {
        width: 40%;
    }
    .main {
        padding: 2em;
        width: 80%;
        margin: auto;
        border-radius: 1.5em;    
        padding: 2em;
    }
}