@media screen and (max-width: 1200px) {
    form {
        width: 40%;
    }
}
@media screen and (max-width: 900px) {
    form {
        width: 50%;
    }
}
@media screen and (max-width: 650px) {
    form {
        width: 70%;
    }
}
@media screen and (max-width: 500px) {
    form {
        width: 100%;
        background: none;
        padding-bottom: 100px;
    }
    body {
        background-size: cover;
        background-position: center;
        background-image: linear-gradient(rgba(115, 135, 193, 0.7), rgba(115, 135, 193, 0.7)),url('../../../assets/images/background.jpg');
    }
}