.marquee {
    height: calc(52vw + 1rem);
    padding-top: .5rem;
    max-width: 100vw;
}

#info-headline-img {
    top: calc(calc(52vw + 1rem) / 2);
    left: 50vw;
    width: auto;
    height: 105vw;
    translate: -50% -50%;
    z-index: 20;
}
@media only screen and (min-width: 1024px) {
    .marquee {height: calc(37.5vw + 1rem);}
    #info-headline-img {
        top: calc(calc(37.5vw + 1rem) / 2);
        height: 50vw;
    }
}

/* 
GALLERY
*/
#info-gallery {
    width: 100%;
    aspect-ratio: 3/2;
}

/* Container */
#info-gallery-container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    aspect-ratio: 3/2;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

#info-gallery-container > * {
    min-width: 100vw;
    max-width: 100vw;
    aspect-ratio: 3/2;
    object-fit: cover;
    scroll-snap-align: center;
}
@media only screen and (min-width: 1024px) {
    #info-gallery,
    #info-gallery-container,
    #info-gallery-container > * {
        min-height: calc(100vh - var(--header-height));
        max-height: calc(100vh - var(--header-height));
        aspect-ratio: unset;
    }
}


/* 
BUTTONS
*/
#info-gallery button:first-of-type {top: 0; left: 0; bottom: 0; right: 50vw;}
#info-gallery button:last-of-type {top: 0; right: 0; bottom: 0; left: 50vw;}