.logo {
    max-width: 100%; /* Empêche le dépassement de la largeur de l'écran */
    height: auto; /* Conserve les proportions de l'image */
    width: 100vw; /* Limite la largeur à celle de la fenêtre d'affichage */
    max-width: 420px; /* Conserve une taille maximale sur les écrans plus larges */
    object-fit: contain; /* S'assure que l'image s'ajuste dans son conteneur sans distorsion */
}

@media (max-width: 320px) { /* Écrans très petits */
    .logo {
        max-width: 90%; /* Réduit légèrement la largeur pour s'assurer qu'elle reste dans l'écran */
        margin: 0 auto; /* Centre l'image */
    }
}