/* Asthma symptom illustrations: true transparent assets, no inner image panels. */
.asthma-symptom > img {
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
}

.asthma-symptom:nth-child(1) > img {
  content: url("../img/asthma-symptom-atemnot-transparent.webp");
}

.asthma-symptom:nth-child(2) > img {
  content: url("../img/asthma-symptom-husten-transparent.webp");
}

.asthma-symptom:nth-child(3) > img {
  content: url("../img/asthma-symptom-brust-transparent.webp");
}

.asthma-symptom:nth-child(4) > img {
  content: url("../img/asthma-symptom-atemgeraesche-transparent.webp");
}

/* Treatment photos have their baked-in badge removed. The one existing HTML
   icon remains the only icon rendered in each card and keeps its container. */
.therapy-card:nth-child(1) .therapy-card__photo > img {
  content: url("../img/asthma-therapy-photo-inhaler-clean.webp");
}

.therapy-card:nth-child(2) .therapy-card__photo > img {
  content: url("../img/asthma-therapy-photo-room-clean.webp");
}

.therapy-card:nth-child(3) .therapy-card__photo > img {
  content: url("../img/asthma-therapy-photo-breathing-clean.webp");
}

.therapy-card:nth-child(4) .therapy-card__photo > img {
  content: url("../img/asthma-therapy-photo-consultation-clean.webp");
}

.therapy-card__icon::before,
.therapy-card__icon::after {
  content: none !important;
  display: none !important;
}

.therapy-card__icon > img {
  background: transparent !important;
}