Fix home page logo overflowing mobile viewport

[stefan-burke]

Summary

• Took mobile screenshots (375x667) of every page to check for layout issues
• Found the home page Enter 6.0 logo was overflowing the viewport — the logo.png source is 1458px wide, and the theme rule for images inside .video-background capped them at 40rem (640px) with no lower bound, so on small screens the image was rendered wider than the phone
• Clamped max-width to min(40rem, 100%) so it still sizes up to 640px on desktop but shrinks to fit on mobile. Added height: auto defensively so the aspect ratio is preserved when the width contracts

Test plan

• Rebuild and screenshot /, /build/, /contact/, /gallery/, /system/, /updates/ at 375x667 — all headers now fit
• Scrolled to the second video-background ("Coming to a fair near you") to verify it still reads correctly
• Spot check on a real phone / desktop to confirm the logo still renders at full size above the md breakpoint

https://claude.ai/code/session_01S4g3QuydKr79HxY5jCgw4j

---

Generated by Claude Code