/* Companion to the width/height attributes now present on every <img>.
 *
 * Those attributes give the browser an aspect-ratio box so it can reserve space
 * before the image loads - that is what removed the layout shift. But they also
 * become the image's default used size, so wherever CSS constrains only ONE
 * dimension the other no longer follows the aspect ratio and the image is
 * squashed. The hero avatars were the visible case: max-height:430px clamped the
 * height while width stayed at the attribute's 343px.
 *
 * Both dimensions must be `auto`, not just height: the width attribute is still the
 * used width otherwise, so the height clamps and the ratio breaks anyway.
 *
 * This does not give back the layout shift. The attributes remain in the markup, and
 * the UA stylesheet turns them into `aspect-ratio: auto <w> / <h>`, so the browser
 * still reserves a correctly-proportioned box before the image arrives. `auto` only
 * changes which size is *used* once constraints apply - it restores the ratio-
 * preserving behaviour the page had before the attributes existed.
 *
 * Element specificity, so any rule that deliberately sets a size still wins and
 * images meant to be a fixed size are untouched.
 */
img {
  width: auto;
  height: auto;
}