.card {
    width: var(--gallery-card-width, auto);
    height: var(--gallery-card-height, auto);
}

.card img {
    object-fit: cover;
}

.primaryCard {
    margin-top: var(--primary-card-space);
}

.card.withMargin:nth-child(odd) {
    margin-right: var(--odd-space);
}

.card.odd.withMargin {
    margin-top: var(--odd-space);
}

.card:global(.no-animation) {
    transform: translate3d(0, calc(var(--odd-space) + 20px), 0);
    opacity: 0;
}

.even {
    margin-top: var(--even-space);
}

.card:global(.animated) {
    transition: opacity 750ms, transform 950ms;
}



@media(max-width: 1280px) {
    .odd {
        margin-top: var(--odd-space);
    }

    .card:nth-child(odd) {
        margin-right: var(--odd-space);
    }
}

@media (max-width: 968px) {

    .card.active {
        min-height: 550px;
        width: var(--carousel-selected-card-width, auto);
        height: var(--carousel-selected-card-height, auto);
    }

    .card {
        min-height: 500px;
    }

    .odd,
    .primaryCard,
    .even,
    .card.odd.withMargin {
        margin-top: 0;
    }
}

@media(max-width: 500px) {
    .card.active {
        min-height: 400px;
    }

    .card {
        min-height: 350px;
    }
}