/* Card canvas is the single 16:9 geometry authority. */
.card .image-link{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  overflow:hidden !important;
  background:#111;
  line-height:0;
}
.card .image-link img,
.card .image-link img.approved-cover{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Reader scenes fill their viewport container on all breakpoints. */
.approved-scene{
  overflow:hidden !important;
}
.approved-scene img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media (max-width:600px){
  .card .image-link{
    width:100% !important;
    aspect-ratio:16 / 9 !important;
    height:auto !important;
  }
  .card .image-link img,
  .card .image-link img.approved-cover,
  .approved-scene img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}