/* ==========================================================
   SLIDER — IMAGE ENTIÈRE, NON COUPÉE
   ========================================================== */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

#slider-container {
    display: grid;
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0;

    overflow: hidden;
}

/* Slides superposées */
#slider-container .slide {
    grid-column: 1;
    grid-row: 1;

    width: 100%;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: opacity 800ms ease-in-out, visibility 0s linear 800ms;
}

#slider-container .slide.slide--active {
    z-index: 1;

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transition-delay: 0s;
}

#slider-container picture {
    display: block;
    width: 100%;
}

/* IMPORTANT : pas de height: 100%, pas de object-fit: cover */
#slider-container img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;
}