/* Styles par défaut pour desktop (sticky, 100vh) */
.ss-scrollsequence-wrapper {
    position: relative;
    /* La hauteur est définie via l'attribut wrapper_height (ex. 200vh) */
}

.ss-scrollsequence {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

.ss-scrollsequence img.ss-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

/* Styles pour mobile */
@media only screen and (max-width: 768px) {

    /* On laisse le wrapper s'ajuster à son contenu */
    .ss-scrollsequence-wrapper {
        height: auto;
    }

    /* Le conteneur n'est plus sticky et prend la hauteur auto */
    .ss-scrollsequence {
        position: relative;
        height: auto;
        overflow: visible;
    }

    /* Les images s'affichent en block, avec la largeur complète et la hauteur auto */
    .ss-scrollsequence img.ss-frame {
        position: relative;
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
    }
}