.sfeerfoto-series {
    box-sizing:border-box;
    width:100%;
    max-width:146dvh;
    max-height:100dvh;
    margin:auto;
    aspect-ratio:1.46/1;
    background:#f6f3ec;
}
.sfeerfoto-series > .sfeerfoto-collage,
.sfeerfoto-series > .sfeerfoto-carousel {
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    margin:0;
    transition:opacity .45s ease;
}
.sfeerfoto-series > .sfeerfoto-carousel { display:flex; flex-direction:column; }
.sfeerfoto-series > [hidden] { display:none; }
.sfeerfoto-series.is-changing > :not([hidden]) { opacity:0; }
.sfeerfoto-series .sfeerfoto-carousel-track { flex:1; min-height:0; }
.sfeerfoto-series .sfeerfoto-carousel-track figure { height:100%; }
@media (max-width:719px) {
    .sfeerfoto-series { max-width:620px; max-height:none; aspect-ratio:1; margin:40px auto; }
}
@media (prefers-reduced-motion:reduce) {
    .sfeerfoto-series > .sfeerfoto-collage,
    .sfeerfoto-series > .sfeerfoto-carousel { transition:none; }
}