html { 
    background: url('/assets/images/signin-bg-mobile.webp') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    background-color: unset;
}

@media (min-width: 576px) { 

    html { 
        background: url('/assets/images/signin-bg-mobile.webp') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
       
}

@media (min-width: 768px) {

    html { 
        background: url('/assets/images/signin-bg.webp') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    
}

@media (min-width: 992px) { 

    html { 
        background: url('/assets/images/signin-bg.webp') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
}

@media (min-width: 1200px) { 

    html { 
        background: url('/assets/images/signin-bg.webp') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}