/**
 * Bloc: Image Block
 * Image fullwidth avec effet parallaxe léger
 */

.image-block {
    width: 100%;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    contain: paint;
    padding: 0;
    margin: 0;
}

.image-block__container {
    width: 100%;
    max-height: 600px;
    overflow: hidden;
}

.image-block__img {
    width: 100%;
    height: auto;
    max-height: 600px;
    display: block;
    object-fit: cover;
    transform: scale(1.15);
}

@media (prefers-reduced-motion: reduce) {
    .image-block__img {
        transform: none !important;
    }
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) and (orientation: portrait) and (max-width: 1032px) {
    .image-block {
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: block;
        line-height: 0;
        font-size: 0;
    }

    .image-block__container {
        max-height: none;
        overflow: hidden;
        line-height: 0;
        font-size: 0;
    }

    .image-block__img {
        transform: none !important;
        height: 250px;
        max-height: none;
        object-fit: cover;
        width: 100%;
    }
}