.backgroundchange {
        width: 100%;
        background-size: 100%;
    }

    .logindiv{
    width:80%; margin-top:200px;
    }
    
    .loginform{
        width: 30rem
    }
    
    @media screen and (min-width: 1080px) {
        .backgroundchange {
            background-image: url("../img/bg.jpg");
            /* background: blue; */
        }
    }

    @media screen and (min-width: 487px) and (max-width: 1079px) {
        .backgroundchange {
            background-image: url("../img/loginbg2.jpg");
            /* background: green; */
        }
    }

    @media screen and (max-width: 487px) {
        .backgroundchange {
            background-image: url("../img/loginbg3.jpg");
            /* background: red; */
        }
    }