.card {
    max-width: 56rem;
}

html,
body {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.img-panel {
    object-fit: cover; 
    width: 100%; 
    height: 100%;
}

@media (max-width: 768px) {
    .card {
        max-width: 100%;
        border: none;
    }

    .container {
        padding: 0;
    }

    .img-panel {
        max-height: 25vh;
    }

    #login-footer {
        display: none;
    }

    .bg-light {
        background-color: white !important;
    }
}