Set width + height on images

Why it matters

Images without explicit width/height cause Cumulative Layout Shift (CLS): when the image loads, the page jumps, content reflows, and Google's Core Web Vitals score drops. Setting both attributes lets the browser reserve the space before the image arrives, even at responsive widths.

The fix

```html
<!-- Both attributes set; CSS can still scale them responsively. -->
<img src="hero.jpg" width="1200" height="630" alt="Dashboard screenshot">

<!-- CSS to keep it fluid: -->
<style>img { max-width: 100%; height: auto; }</style>
```

Modern browsers compute the aspect ratio from the attributes and reserve space proportional to the container width.

References

• web.dev: Setting height and width on images is important again
• MDN: <img> width / height