.card {
    max-width: 18vw;
    min-width: fit-content;
    background-color: var(--gainsboro);
    padding-bottom: 10px;
    border-radius: 5px;
}

@media screen and (max-width: 1024px) {
    .card {
        max-width: 100vw;
        width: 90%;
        margin: 0 auto 10px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1919px) {
    .card {
        margin: 0 5px;
    }
}