This is a _simple_ reference for loading differently sized images for various viewports using the browser `srcSet` attribute paired with the `sizes` attribute.
The browser will automatically load the best, lowest resolution for the current viewport and pixel density. The goal is highest fidelity with lowest file size.
To see images change, open inspector, disable cache, and resize the page