/* Asthma section two — exact user-supplied artwork beneath the live content. */
.asthma-page .asthma-about {
  background-color: #faf6ee !important;
  background-image: url("../img/asthma-second-section-background-v32.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.asthma-page .asthma-about__reference,
.asthma-page .asthma-about__cover,
.asthma-page .asthma-about__mobile-art {
  display: none !important;
}
.allergy-page .allergy-care-card__icon,
.allergy-page .allergy-why__heading svg,
.allergy-page .allergy-why__photo-badge img,
.allergy-page .allergy-why-feature > img,
.allergy-page .allergy-why-benefit img {
  animation: none !important;
  transition: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  background-color: transparent !important;
}
.allergy-page .allergy-care-card:hover .allergy-care-card__icon,
.allergy-page .allergy-care-card:focus-visible .allergy-care-card__icon,
.allergy-page .allergy-why__photo-badge:hover img,
.allergy-page .allergy-why__photo-badge:focus-visible img,
.allergy-page .allergy-why-feature:hover > img,
.allergy-page .allergy-why-feature:focus-visible > img,
.allergy-page .allergy-why-benefit:hover img,
.allergy-page .allergy-why-benefit:focus-visible img {
  animation: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  background-color: transparent !important;
}

@media (max-width: 1050px) {
  .asthma-page .asthma-about {
    background-position: 32% center !important;
    background-size: cover !important;
  }
}

@media (max-width: 620px) {
  .asthma-page .asthma-about {
    background-position: 24% top !important;
  }
}