form > section {
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .login-picture {
        height: 100%;
        border-radius: 16px;
        background-image: url('../images/login.svg');
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        &.login-picture-MilControl{
            background-image: url('../images/MilControl/login.svg');
        }
        &.login-picture-SprayerAudit {
            background-image: url('../images/sprayeraudit/login.svg');
        }
     }

    .login-textarea {
        position: relative;
    }

    .login-textarea-child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
    }

    main {
        height: 100%;
     }

    .row {
        height: 100%;
    }
}

@media screen and (max-width: 767px) {

    .login-picture {
        position: absolute;
        top: 0;
        width: 100%;
        height: 85%;
        background-image: url('../images/login.svg');
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        &.login-picture-MilControl {
            background-image: url('../images/MilControl/login.svg');
        }
        &.login-picture-SprayerAudit {
            background-image: url('../images/sprayeraudit/login.svg');
        }
    }

    .login-textarea {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: var(--color-white);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    main {
        position: relative;
        height: 100%;
    }

    .main-content {
        padding: 0;
        margin: 0;
        max-width: none;
    }

    .row {
        margin: 0;
    }
}