html body:not(.wp-admin),
html #poststuff .-preview {

    #image_avec_texte {

        display: flex;
        flex-direction: column;
        gap: 2rem;
        margin: 5rem auto;

        .head {
            font-family: Helvetica Neue Condensed, Helvetica Neue, Helvetica, sans-serif;
            font-size: 43px;
            font-weight: 750;
            font-style: italic;
            line-height: 1.2;
            @media (min-width: 640px){
                font-size: 2rem;
            }
            .sur-titre {
                color: #a90000;
                text-transform: uppercase;
            }

            h2 {
                color: #191937;
                font: inherit;
            }
        }


        &.text_right .contenu {
            flex-direction: row-reverse;
            @media (max-width: 640px) {
                flex-direction: column;
            }
        }

        .contenu {

            @media (max-width: 640px) {
                flex-direction: column;
            }

            display: flex;
            gap: 2rem;
            align-items: center;
            color: #191937;
            p {
                font-size: 1.4rem;
                line-height: 1.4em;
            }
            > * {
                width: 50%;
                @media (max-width: 640px) {
                    width: 100%;
                }
            }

        }
    }
}