Fix images on mobile #96
2026-07-02
Fix images overflowing on mobile by preserving aspect ratio
max-width: 100% alone lets img/picture height stay at intrinsic size, so on narrow viewports images could still overflow vertically or look squashed. Adding height: auto keeps the aspect ratio correct as width scales down. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Add command to reprocess existing media with correct aspect-ratio scaling
ProcessMedia was using resize(), which distorts images that aren't the target aspect ratio; scale() preserves it. Existing medium/small variants generated before this fix need regenerating, so add an artisan command (with --dry-run) to do that, plus feature tests. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>