.image{
    width: 100%;
    height: 100vh;
 
  }
  .desk-image {
    object-fit: center;
    width: 100%;
    height: 100% !important;
    display: block;
  }
.mbl-image {
  object-fit: center;
    width: 100%;
    height: 100%;
  display: none;
}
 
 

@media (max-width:502px)
{
  .image {
    height: auto;
}
  .desk-image {
    display: none !important; 
}
.mbl-image {
  display: block !important;
}
 
}

@media (max-width:368px)
{
  .image {
    height: auto;
    
}
  .desk-image {
    display: none !important; 
}
.mbl-image {
  display: block !important;
}
 
}