Next.js Image Art Direction

Use art direction when viewport size needs different image content or crop.

Goal

Render one correct image per viewport. Keep Next.js image optimization. Avoid loading unused images.

Rules