/* Asthma visual updates v31 — exact supplied backgrounds and reference geometry. */
.asthma-page .asthma-hero {
  background-color: #faf6ee !important;
  background-image: url("../img/asthma-hero-background-v31.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}



/* The supplied risk illustrations sit in softly rounded square frames. */


@media (max-width: 1050px) {
  .asthma-page .asthma-hero {
    background-position: 68% center !important;
  }

  
}

@media (max-width: 620px) {
  .asthma-page .asthma-hero {
    background-position: 72% center !important;
  }

  
}