/* Fill whatever box the caller already sized for the real image. The consuming
   components size their media wrapper (aspect-ratio on the news card, a fixed
   square on the person card), and their own `… img` rules already say this —
   these declarations only carry the cases where no such rule exists, and agree
   with the ones that do. `height: 100%` against an auto-height parent resolves
   to auto, so the intrinsic width/height attributes keep the aspect ratio and
   nothing collapses. */
.image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}