#gallery .splide__track {
    overflow: visible !important;
}

#gallery .splide__slide img {
    /* height: clamp(20rem, 60vw, 45rem); */
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    max-height: 80vh;
}

@media (min-width: 901px) {
    #gallery .splide__slide img {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 900px) {
    #gallery .splide__slide img {
        height: clamp(20rem, 60vw, 45rem);
    }
}

#gallery .splide__pagination {
    bottom: unset !important;
    top: calc(100% + 1rem) !important;
}

#gallery .splide__pagination li button.is-active {
    background: #012f24 !important;
}

#gallery .splide__pagination li button {
    background: #cccccc !important;
}

/* Splide Arrows */
#gallery .splide__arrow {
    border-radius: 0;
    background: #012f24;
    opacity: 1;
    transition: all 0.3s ease;
}

#gallery .splide__arrow:hover {
    background: #cbfc87;
}

#gallery .splide__arrow svg {
    fill: var(--color-white);
    height: 1em;
    width: 1em;
    transition: all 0.3s ease;
}

#gallery .splide__arrow:hover svg {
    fill: #012f24;
}

#gallery .splide__arrow--prev {
    left: calc(var(--hori-spacing-4) + 1rem);
}

#gallery .splide__arrow--next {
    right: calc(var(--hori-spacing-4) + 1rem);
}

@media (max-width: 900px) {
    #gallery .splide__arrow--prev {
        left: calc(var(--hori-spacing-4) - 0.5em);
    }

    #gallery .splide__arrow--next {
        right: calc(var(--hori-spacing-4) - 0.5em);
    }
}