Convert beer-cans.png to WebP format

[oliverames]

Problem

assets/images/beer-cans.png is 1.6MB, which significantly impacts page load time especially on mobile connections.

Proposed Solution

1. Convert to WebP format (typically 25-35% smaller than PNG)
2. Use <picture> element with PNG fallback for older browsers
3. Consider generating multiple sizes for responsive images

<picture>
  <source srcset="assets/images/beer-cans.webp" type="image/webp">
  <img src="assets/images/beer-cans.png" alt="Lawson's Finest Liquids beers" loading="lazy">
</picture>

Expected Impact

• 400-600KB file size reduction
• Faster initial page load
• Better Core Web Vitals scores

Notes

The image already has loading="lazy" which helps, but reducing file size provides additional benefit for users who scroll to see it.