/* Mobile image polish for resource/article imagery */
.resource-article-image {
  background: #eef7fb;
}

.resource-article-image img,
.resource-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* New article thumbnails should avoid awkward face/object cropping on narrow cards */
.resource-article-card[href*="heart-health"] .resource-article-image img {
  object-position: center center;
}

.resource-article-card[href*="managing-stress"] .resource-article-image img {
  object-position: center center;
}

.resource-article-card[href*="blood-pressure-readings"] .resource-article-image img {
  object-position: center center;
}

.resource-article-card[href*="why-preventive-care-matters"] .resource-article-image img {
  object-position: center center;
}

/* Article hero/detail image containers */
.resource-detail-image {
  overflow: hidden;
}

.resource-detail-image img,
img[src*="assets/images/resources/articles/"] {
  object-position: center center !important;
}

/* Prevent old absolute textbox overlays from sitting over images on mobile article pages */
@media (max-width: 760px) {
  .resource-detail-image,
  .resource-article-image,
  div[style*="aspect-ratio:16/10"] {
    overflow: hidden;
  }

  .resource-article-image {
    aspect-ratio: 16 / 10;
  }

  .resource-article-image img {
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  img[src*="heart-health-main"],
  img[src*="managing-stress-main"],
  img[src*="blood-pressure-main"],
  img[src*="preventive-care-main"] {
    object-fit: cover !important;
    object-position: center center !important;
  }

  div[style*="position:absolute"][style*="background:#fff"][style*="bottom:20px"] {
    display: none !important;
  }
}

/* Very small screens get a less aggressive crop on article main images */
@media (max-width: 520px) {
  img[src*="heart-health-main"],
  img[src*="managing-stress-main"],
  img[src*="blood-pressure-main"],
  img[src*="preventive-care-main"] {
    object-fit: cover !important;
    object-position: center center !important;
  }
}