.login-photo-page {
    position:relative;
    isolation:isolate;
    width:100%;
    background:#fff;
}

/* Fade only the decorative image, never the form or its controls. */
.login-photo-page::before {
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    background:url("../img/login-hospital-background.png") center / cover no-repeat;
    opacity:0.5;
    pointer-events:none;
}

.login-photo-page .login-wrapper {
    position:relative;
    z-index:1;
}

.login-photo-page .loginbox {
    box-shadow:0 16px 50px rgba(35,52,66,.15);
}