.body-container{
    background: url('https://img.freepik.com/free-vector/cloud-internet-technology_53876-90456.jpg?w=1380&t=st=1695644261~exp=1695644861~hmac=7a062b88d1eec0edc40c06d7cf8c89597d8d6c86759f378db068f656421ee37c');
    height:100vh;
}
.row{

    margin-top: 10%;
   
}

.sign-up{
    padding:45px;
     width: 65%;
    height:auto;
    margin-left: 35%;
   
    box-shadow: 2px 9px 49px -17px rgba(0, 0, 0, 0.1);
    margin-top: -5%;
}

  
@media only screen and (max-width: 600px) {
    .sign-up{
    margin-top: 10%;
    width:65% ;
 
  }
  .body-container{
    background: url('https://img.freepik.com/free-vector/cloud-internet-technology_53876-90456.jpg?w=1380&t=st=1695644261~exp=1695644861~hmac=7a062b88d1eec0edc40c06d7cf8c89597d8d6c86759f378db068f656421ee37c');
    height:200vh;
   
}

  }
  
  @media only screen and (max-width: 600px) {
  .col-sm-8{
    margin-left:-31%;
    width:100%;
}
.col-lg-8{
    margin-left:-1%;
    width:80%;
}

}

  .sign-in{
  padding:45px;
    width: 68%;
    height:auto;
    margin-left: 33%;
     box-shadow: 2px 9px 49px -17px rgba(0, 0, 0, 0.1);
  }
   
  
  

  @media only screen and (max-width: 600px) {
   .sign-in{
   margin-left:1%;
   height:60vh;
   margin-top:1%;
   width:100%;
   }
   .body-container{
    height:auto;
    width:150%;
}

  }
  
  
  
  
 @media (min-width: 768px){
.sign-up{
    
    width: 65%;
    height:auto;
    margin-left: 25%;
   
}
}