.card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.card-container-inst {
    flex: 0 0 100%;
    max-width: 100%;
}

.card-container-inst:hover {
    transform: scale(1.015);
    z-index: 10;
}

.card-container-inst:hover .card {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}


@media (min-width: 640px) {
    .card-container-inst {
        flex: 0 0 calc(50% - 0.5rem);
        max-width: calc(50% - 0.5rem);
    }
}


@media (min-width: 992px) {
    .card-container-inst {
        flex: 0 0 calc(50% - 0.5rem);
        max-width: calc(50% - 0.5rem);
    }
}

@media (min-width: 1300px) {
    .card-container-inst {
        flex: 0 0 calc(33.3333% - 0.67rem);
        max-width: calc(33.3333% - 0.67rem);
    }
}