/* Responsive hero delivery.  The original PNG remains as the <img> fallback. */
.mountain-card picture { display:block; min-width:0; }
.mountain-card picture img { display:block; width:100%; height:100%; min-height:232px; object-fit:cover; }
.fuji-hero > .mountain-hero-image { display:block; align-self:stretch; min-width:0; width:100%; height:100%; min-height:100%; }
.fuji-hero > .mountain-hero-image img { display:block; width:100%; height:100%; min-height:100%; object-fit:cover; }

@media (max-width:980px) {
  .fuji-hero > .mountain-hero-image { height:280px; }
  .mountain-card picture img { min-height:200px; max-height:none; }
}

@media (max-width:560px) {
  /* The visual and textual card areas stay separate on a narrow screen. */
  .mountain-card picture { overflow:hidden; background:#eff6f1; }
  .mountain-card picture img { min-height:200px; max-height:250px; }
  .mountain-card-body { position:relative; z-index:1; background:var(--panel); }
}