Deliver scaled down variants of images for tablet/mobile

⚠ This issue primarily refers to large, screen wide images. SVGs and small images are not affected.

To improve the loading speed of our website and be kind to our users bandwidth, we should deliver smaller versions of the full-size images for smaller screens.

Solution

• Separate the inclusion of large images into its own file
• Introduce size attributes
• Generate intermediate image sizes
• For deployment maybe even have the pipeline generate these images