/* Character pages/cards use their own full-photo canvas.
   This intentionally overrides the tale-card 16:9 treatment only inside character sections. */
#characters .image-link,
#mr-stranger .image-link,
#lady-red .image-link,
#brother-o .image-link,
#baby-bonita .image-link,
#bewitched-b .image-link,
#dr-lel .image-link{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  line-height:0;
}

#characters .image-link img,
#mr-stranger .image-link img,
#lady-red .image-link img,
#brother-o .image-link img,
#baby-bonita .image-link img,
#bewitched-b .image-link img,
#dr-lel .image-link img{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center top !important;
  aspect-ratio:auto !important;
}

/* Character hero/media images that are not wrapped in .image-link. */
#mr-stranger img:not(.approved-scene img),
#lady-red img:not(.approved-scene img),
#brother-o img:not(.approved-scene img),
#baby-bonita img:not(.approved-scene img),
#bewitched-b img:not(.approved-scene img),
#dr-lel img:not(.approved-scene img){
  object-fit:contain;
  object-position:center top;
}