/* Image with a fixed aspect ratio, cropped with object-fit: cover.
   Loaded by the r2h.article_image layout via the WebAssetManager (asset: r2h.img-ratio).
   Set the ratio per element with the --img-ratio custom property, e.g. style="--img-ratio: 1 / 2". */
.img-ratio {
  margin: 0;
}

.img-ratio img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--img-ratio, 1 / 1);
  object-fit: cover;
}