{#
https://i.postimg.cc/13wNZ6Hb/Clientwise-Mobile-Hero-Background.jpg
#}

@media (min-width: 769px) and (max-width: 790px){
  .hero-text--container {
    width: 100%;
    position: absolute;
    top: 8%;
    left: 5%;
    text-align: left;
}
}

@media (max-width: 1023px){

  .mobileHero{
    background-image: url(https://i.postimg.cc/13wNZ6Hb/Clientwise-Mobile-Hero-Background.jpg);
    background-position: center;
    background-size: cover;  
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;

}
  
  
}

@media (min-width: 1024px){
{#
  .mobileHero{
  background-image: url(https://i.postimg.cc/13wNZ6Hb/Clientwise-Mobile-Hero-Background.jpg);
  background-position: center;
  background-size: cover;  
    
}
  #}
  
  mobileHero{
  display: none;
  } 
  
}