/* Exact user-supplied Asthma backgrounds. */
.asthma-page .asthma-hero {
  background: #faf4e9 !important;
}

.asthma-page .asthma-hero__reference {
  content: url("../img/asthma-backgrounds/asthma-hero-background-v2.webp") !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  clip-path: none !important;
  opacity: 1 !important;
}

.asthma-page .asthma-hero__flora {
  display: none !important;
}

.asthma-page .asthma-hero__live-cover {
  background: transparent !important;
}

.asthma-page .clinical-sections {
  background: #f6f5ec !important;
}

.asthma-page .clinical-sections__artwork {
  content: url("../img/asthma-backgrounds/asthma-clinical-background-v2.webp") !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  .asthma-page .asthma-hero__reference {
    object-position: 68% center !important;
  }

  .asthma-page .clinical-sections__artwork {
    object-position: center top !important;
  }
}

@media (max-width: 600px) {
  .asthma-page .asthma-hero__reference {
    object-position: 70% bottom !important;
  }
}