.form {
    background-color: rgb(176 114 0 / 70%);
    position: absolute;
    left: 69%;
    margin-right: 20px;
    top: 158px;
    z-index: 3;
    width:30%;
}




    
    
    @media (min-width: 375px) and (max-width:667px) {

        .form {
            background-color: rgb(0, 90, 255, 0.3);
            position: absolute;
            left: 12%;
            margin-right: 20px;
            top: 80px;
            z-index: 3;
            width:84%;
        }
        
        }


    @media (min-width: 668px) and (max-width:1024px) {

        .form {
            background-color: rgb(0, 90, 255, 0.3);
            position: absolute;
            left: 50%;
            margin-right: 20px;
            top: 80px;
            z-index: 3;
            width:48%;
        }
        
        }

        @media (min-width: 268px) and (max-width: 374px){
        .form {
            background-color: rgb(0, 90, 255, 0.3);
            position: absolute;
            left: 6%;
            margin-right: 20px;
            top: 80px;
            z-index: 3;
            width: 90%;
        }
    }