:root {
    --background-image: url('../img/sovos-logo-second.png');
}

.login-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr min-content;
}

    .login-container .background {
        grid-column: 1 / 2;
    }

    .login-container .login-form {
        grid-column: 2 / 3;
        padding: 30px 70px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24);
    }

.footer {
    grid-area: 2 / 1 / 3 / 3;
}

@media only screen and (max-width: 720px) {
    .login-container {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

        .login-container .background {
            display: none;
        }

        .login-container .login-form {
            grid-column: 1 / -1;
            padding: 25px;
        }

        .login-container .footer {
            display: none;
        }
}