#login-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#register-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#left-character {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 1;
}

#right-character {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 1;
}

/* Hide characters on narrow screens. */
@media only screen and (max-width: 1400px) {
    #login-wrapper {
        display: block;
    }

    #register-wrapper {
        display: block;
    }

    #left-character {
        display: none;
    }

    #right-character {
        display: none;
    }
}