.card-columns {
    gap: 1.25rem;
    display: grid;
    grid-template-columns:1fr;
}
@media(min-width:768px) {
.card-columns {
    grid-template-columns: repeat(2, 1fr);
}
}
@media(min-width:992px) {
.card-columns {
    grid-template-columns: repeat(3, 1fr);
}
}