Downscale images

[Nutomic]

We can also consider to render the screenshots a big larger, maybe 1.5 or 2x of the current size.

[dessalines]

These are way too small IMO, and the current ones look fine on my screen as rendered.

[Nutomic]

The images are rendered in HTML with width: 372px (or 358px in mobile view). So it looks exactly the same whether it is downscaled in the browser, or already in the repo. At the same time it reduces the amount of data downloaded by a few hundred KB (important for slow/mobile internet connections).

In fact I want to render the carousel a bit larger (and upscale the images correspondingly), but the Glidejs docs dont mention anything about setting the size. <img width="500" ...? /> is also ignored, as JS sets the size as style attribute.

[dessalines]

The images are rendered in HTML with width: 372px (or 358px in mobile view).

You should always have the images real size / intrinsic be higher (IMO double) than the rendered size (also the rendered size can vary greatly depending on screen size and layout). As long as we can revert this in the future its fine, because these do not look good.