#site-main-content article .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px; /* Espace entre l'image et le texte */
    padding: 20px; /* Optionnel : pour ajouter un peu de padding autour du container */
}

#site-main-content article .container .image {
    flex: 1; /* Ajustez cette valeur selon la proportion que vous souhaitez pour l'image */
    display: flex;
    align-items: center;
}

#site-main-content article .container .image img {
    max-width: 100%;
    height: auto; /* S'assure que l'image est redimensionnée proportionnellement */
    max-height: 100%; /* S'assure que l'image ne dépasse pas la hauteur du container */
    object-fit: contain; /* Maintient le ratio de l'image */
}

#site-main-content article .container .text {
    flex: 2; /* Ajustez cette valeur selon la proportion que vous souhaitez pour le texte */
    align-items: center; /* Centre verticalement le texte */
    justify-content: center; /* Centre horizontalement le texte */
    padding: 10px; /* Optionnel : ajoute un peu de padding autour du texte */
}

@media (max-width: 768px) {
    #site-main-content article .container {
        flex-direction: column; /* Sur les petits écrans, affichez les éléments en colonne */
    }

    #site-main-content article .container .image,
    #site-main-content article .container .text {
        flex: 1; /* Les éléments prennent toute la largeur */
    }
}

.post-media {
    width: 50% !important;
}