/* Effet classe au survol d'une image, version lente, sans ombre ni arrondi */
.blockImages__figure {
    position: relative;
    overflow: hidden;
    margin: 0;
}


.blockImages__img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 2s cubic-bezier(.4, 1.7, .7, .9), filter 1.5s;
    will-change: transform, filter;
}

.blockImages__figure:hover .blockImages__img,
.blockImages__figure:focus-within .blockImages__img {
    transform: scale(1.07) rotate(-0.7deg);
    filter: brightness(1.08) saturate(1.2) contrast(1.05);
}

/* blockImages.css
   Bloc images : styles hermétiques, mobile-first, grille Bootstrap
*/
.blockImages {
    width: 100%;
    padding: 32px 0;
}

.blockImages__inner.container {
    width: 80% !important;
    margin: 0 auto;
}

.blockImages__col {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.blockImages__figure {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;

    @media (max-width: 1399px) {
        aspect-ratio: 1/1;
    }

    @media (min-width: 1400px) {
        aspect-ratio: 3 / 5;
        max-height: 80vh;

    }

    img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center
    }
}

.blockImages__img {
    display: block;
    max-width: 100%;
    height: auto;


}

@media (min-width: 768px) {
    .blockImages__col {
        margin-bottom: 0;
    }

    /* .blockImages__img {
        max-height: 750px;
    } */
}