.container-logos {
    display: flex;               /* Active le mode flexible */
    justify-content: center;      /* Centre les images horizontalement */
    align-items: center;          /* Aligne les images sur leur axe central vertical */
    gap: 30px;                    /* Espace de 30px entre les deux images */
    width: 100%;                  /* Occupe toute la largeur disponible */
    margin: 30px 0;               /* Marge au-dessus et en-dessous du bloc */
}

.container-logos img {
    max-width: 450px;             /* Limite la largeur maximale des images */
    height: auto;                 /* Conserve les proportions */
    display: block;               /* Évite les espaces vides indésirables */
}

/* Adaptation pour les téléphones (empile les images si l'écran est trop petit) */
@media (max-width: 600px) {
    .container-logos {
        flex-direction: column;   /* Passe en mode vertical sur mobile */
        gap: 20px;
    }
}