@media (min-width: 500px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 750px) {
    .card-columns {
        column-count: 3;
    }
}

@media (min-width: 1000px) {
    .card-columns {
        column-count: 4;
    }
}

@media (min-width: 1250px) {
    .card-columns {
        column-count: 5;
    }
}

@media (min-width: 1500px) {
    .card-columns {
        column-count: 6;
    }
}

@media (min-width: 1750px) {
    .card-columns {
        column-count: 7;
    }
}

@media (min-width: 2000px) {
    .card-columns {
        column-count: 8;
    }
}

@media (min-width: 2250px) {
    .card-columns {
        column-count: 9;
    }
}