.collections {
    gap: 1rem;
    position: relative;
    /* justify-content: center; */
}

.collections.splide {
    position: static;
}

.collections.splide .splide__track {
    padding: 0 4rem !important;
}

.collections.splide .splide__arrows {
    position: absolute;
    top: 1rem;
    right: 0;
    width: var(--saw);
    height: 2em;
}

.collections.splide .splide__arrows .splide__arrow {
    background: var(--c1);
}

.collection-card {
    background-color: var(--c8);
    border: 1px solid var(--br1);
    overflow: hidden;
    flex: 0 0 calc(25% - 1rem);
}

.collection-card .collection-images {
    position: relative;
}

.collection-card .collection-images img {
    transition: all ease 300ms;
    width: 100%;
    height: auto;
}

.collection-card .collection-images img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.collection-card .collection-images:hover img:nth-child(2) {
    opacity: 1;
}

.collection-card .collection-title {
    font-size: 1rem;
    color: var(--dark-text);
}

@media screen and (min-width: 576px) {
    .collection-card .collection-title {
        font-size: 1.25rem;
    }
}