.section--bandeau {
    position: relative;
    overflow: hidden;
}

.section--bandeau__media {
    width:100%;
    position: relative;
    height: clamp(280px, 40vw, 520px);
}

.section--bandeau__image {
    width: 100%;
    height: 100%;
    object-fit: cover;

    position: absolute;
    inset: 0;
}

/* overlay optionnel */
.section--bandeau::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.35));
    pointer-events: none;
}