.cards-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 768px) {
    .cards-container {
        flex-direction: row;
        align-items: stretch;
    }

    .card {
        flex: 1 1 0;
    }
}

.qr-image {
    max-width: 180px;
}

.shadow-primary {
    box-shadow: 0 0.5rem 1rem rgba(var(--bs-primary-rgb), 0.25) !important;
}