:root {
    --tiny-image:   250px;
    --small-image:  333px;
    --medium-image: 430px;
    --big-image:    525px;
    --huge-image:   599px;
    --scale: 1;
}
.layout-slideshow {
    display: flex;
    align-items: flex-end;
    margin-top: 5rem;
    overflow: visible;
    margin-inline: 0;
    max-height: 50vh;
    min-width: 100vw;
    width: 100%;
}
.gallery-marquee--hero {
    min-height: 100vh;
    overflow: visible;
    width: 100%;
}
.gallery-marquee__viewport {
    width: 100%;
    min-height: 100vh;
    overflow-x: scroll;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}
.gallery-marquee__viewport::-webkit-scrollbar { display: none; }
.gallery-marquee__track {
    display: flex;
    align-items: flex-end;
    min-height: 100vh;
    width: max-content;
}
.gallery-marquee__item { flex: 0 0 auto; height: 100%; }
.slideshow__cover {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}
.slideshow__cover a:hover { opacity: 0.9; }
.slideshow__cover img { display: block; }

.tiny-image   { width: auto; height: calc(var(--tiny-image)   * var(--scale)); }
.small-image  { width: auto; height: calc(var(--small-image)  * var(--scale)); }
.medium-image { width: auto; height: calc(var(--medium-image) * var(--scale)); }
.big-image    { width: auto; height: calc(var(--big-image)    * var(--scale)); }
.huge-image   { width: auto; height: calc(var(--huge-image)   * var(--scale)); }

@media (max-width: 780px) {
    :root { --scale: 0.7; }
    .layout-slideshow { margin-top: 1rem; padding-bottom: 1rem;  }
}

@media (min-width: 1680px) {
    :root { --scale: 1.7; }
    .layout-slideshow { max-height: 88vh; }
}

@media (max-height: 500px) {
    .layout-slideshow { margin-top: 4rem;}

     .gallery-marquee__track{
        height: 92vh;
     }
    }