@media (orientation: landscape){

    .embla__container {
        width: calc(100%);
        position: relative;
        height: calc(100% - var(--marge));
        display: block;
        scrollbar-width: none;
        overflow-y: scroll;
    }
        .embla__slide{
            display: contents;
        }

        .imageWrapper{
            display:contents;
        }

    
}



@media (orientation:portrait){

    html, body {
        overscroll-behavior-y: none;
    }

 
    .embla,
    .emblaa {
   
    overflow: visible;
    width: var(100vw - var(--marge));

    }

    .embla__container {
        display: flex;
        width: auto;
          touch-action: pan-y; 
    }

    .embla__slide {
        flex: 0 0 auto ;
        min-width: 0;
        margin-right: var(--marge);
    }


}