Improve CLS

[akellermann97]

Summary

Cumulative Layout shift is primarily caused by images on brot.dev loading. We need to provide details for the page to know ahead of time in order to mark the space as taken, rather than have the layout shift as the images load in.

Not 100% sure how I want to tackle this. Could be by having Hugo load the image resource, look at the aspect ratio and block out the size?

Some Links I found

web.dev article
log rocket article linked in the web.dev article