@media (max-width: 768px) {
    .d-flex {
        flex-direction: column;
        height: auto;
        overflow: auto;
    }

    .image-container {
        display: none; /* Hide image section on small screens */
    }

    .login-form-container {
        width: 100% !important;
        min-width: unset;
        padding: 40px 20px;
        height: auto;
    }

    .login-logo {
        width: 150px;
    }

    .login-form input,
    .form-label,
    .btn-primary {
        font-size: 1rem;
    }

    html, body {
        overflow: auto;
    }
}