/* --- CONFIGURATION ORDINATEUR (Par défaut) --- */
.content img {
    max-width: 300px !important; /* Taille raisonnable */
    width: 100% !important;
    height: auto !important;
    float: left !important;      /* Image à gauche, le texte l'entoure */
    margin: 0 20px 10px 0 !important; /* Espace entre l'image et le texte */
}

/* --- CONFIGURATION SMARTPHONE (Écrans de moins de 600px) --- */
@media screen and (max-width: 600px) {
    .content {
        display: flex !important;
        flex-direction: column !important; /* Empilement vertical */
    }

    /* On place le bloc contenant l'image en haut de la pile */
    .content div {
        order: -1 !important; 
    }

    /* On place tous les paragraphes de texte à la suite */
    .content p {
        order: 1 !important;
    }

    .content img {
        float: none !important; /* On annule le flottement */
        margin: 10px auto !important; /* On centre l'image sous le titre */
    }
}