.awthankyou {
    display: flex;
    gap: 32px;
    padding: 64px 0 64px 24px;
}

.awthankyou img {
    object-fit: cover;
    max-height: 700px;
    width: 100%;
}

#awthankyou-cms h2 {
    font-family: 'Great Vibes';
    font-size: 60px;
    color: #ab5d15;
}

#awthankyou-cms p {
    color: #3e3e3e;
}

.awthankyou-hero {
    /* Fallback universel : PNG + overlay blanc 80% */
    background-image:
        linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),
        url("../img/bloc-interview-facade.png");

    /* Safari/WebKit */
    background-image:
        linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),
        -webkit-image-set(
        url("../img/bloc-interview-facade.avif") type("image/avif") 1x,
        url("../img/bloc-interview-facade.png")  type("image/png")  1x
        );

    /* Standards */
    background-image:
        linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),
        image-set(
        url("../img/bloc-interview-facade.avif") type("image/avif") 1x,
        url("../img/bloc-interview-facade.png")  type("image/png")  1x
        );

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: grid;  
    width: 100%;
    place-items: center;
    min-height: 340px;
    padding: 3rem 1rem;
}

#awthankyou-cms { max-width: 74ch; }

@media screen and (width <= 1200px) {
    .awthankyou {
        flex-direction: column;
        padding: 64px 0;
        gap: 8px;
    }

    .awthankyou img {
        max-width: 700px;
        margin: 0 auto;
        padding: 24px;
    }

    .awthankyou-hero {
        /* Fallback universel : PNG + overlay blanc 100% - 80% */
        background-image:
            linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.8)),
            url("../img/bloc-interview-facade.png");

        /* Safari/WebKit */
        background-image:
            linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.8)),
            -webkit-image-set(
            url("../img/bloc-interview-facade.avif") type("image/avif") 1x,
            url("../img/bloc-interview-facade.png")  type("image/png")  1x
            );

        /* Standards */
        background-image:
            linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.8)),
            image-set(
            url("../img/bloc-interview-facade.avif") type("image/avif") 1x,
            url("../img/bloc-interview-facade.png")  type("image/png")  1x
            );
    }
}