Format-Fallback Hero

Build the hero image of a product page as a <picture>: an AVIF source, a WebP source, and a JPEG fallback on the inner <img>; the <img> carries intrinsic width="1600" height="800", meaningful alt (4+ characters), and fetchpriority="high".

Difficulty: advanced