.form {
    background-color: rgb(30 191 139 / 75%);
    position: absolute;
    left: 69%;
    margin-right: 20px;
    top: 159px;
    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: 10%;
            margin-right: 20px;
            top: 63px;
           
            width: 82%;
        }
        
        }


    @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;
          
            width:48%;
        }
        
        }

        @media (max-width: 374px) {

            .form {
               background-color: rgb(0 200 138 / 93%);
                position: absolute;
                left: 7%;
                margin-right: 20px;
                top: 80px;
              
                width: 88%;
            }
        
        }