.gallery-carousel-wrap {
    h2 {font:var(--h2-font);margin-bottom:1em;}
    --gap:5px;
    --columns:var(--col-item, 5);
    --scroll-button-width: 60px;
    padding-right:calc(var(--gap) + 25px);
    margin-block:2em;
    position:relative;
    z-index: 0;
    overflow:hidden;
    ul {
        list-style:none;display:flex;align-items:center;
        gap: var(--gap);
    }
    img {width:100%;height:100%;object-fit:var(--fit-element, cover);border-radius:6px;vertical-align:top;}
    li {flex:0 0 auto;width:calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)))}
    a {display:block}
    figure {display:block;aspect-ratio:var(--ratio, 3/4)}
}

@media screen and (max-width: 994px) {
    .gallery-carousel-wrap {--columns:4;}
}
@media screen and (max-width: 796px) {
    .gallery-carousel-wrap {--columns:3;--scroll-button-width:45px;}
    .gallery-carousel-wrap .scroll-button,
    .gallery-carousel-wrap .scroll-button.start {background:none;}
    .gallery-carousel-wrap .scroll-button [role="button"] {box-shadow:0 0 6px 2px rgba(143, 143, 143, 0.6);}
}
@media screen and (max-width: 550px) {
    .gallery-carousel-wrap {--columns:2;}
}