/* Preserve the approved hero treatment while loading an appropriately sized image per viewport. */
.hero:before{
  background-image:linear-gradient(90deg,rgba(247,251,255,.99) 0%,rgba(247,251,255,.9) 36%,rgba(247,251,255,.12) 67%,rgba(7,21,47,.08) 100%),url('./hero-modern-house-desktop.webp');
}
@media(max-width:760px){
  .hero:before{
    background-image:linear-gradient(180deg,rgba(247,251,255,.99) 0%,rgba(247,251,255,.94) 46%,rgba(247,251,255,.35) 69%,rgba(7,21,47,.1) 100%),url('./hero-modern-house-desktop.webp');
  }
}
@media(max-width:600px){
  .hero:before{
    background-image:linear-gradient(180deg,rgba(247,251,255,.99) 0%,rgba(247,251,255,.94) 46%,rgba(247,251,255,.35) 69%,rgba(7,21,47,.1) 100%),url('./hero-modern-house-mobile.webp');
  }
}