.cases-list {
    align-items: flex-end;
}

.cases-list__content {
    padding-top: 4rem;
}

.cases-list__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

[data-current-variation="2"] .cases-list__list {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 767.9px) {
    [data-current-variation] .cases-list__list,
    .cases-list__list {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 575.9px) {
    .cases-list__content {
        padding-top: 0;
    }
}