Small technical nit: I love the dithered images and the retro feel, but their CSS should specify `image-rendering: pixelated` to make sure browsers don't interpolate the pixels.
Here [1] they explain how they use dithering to minimise their bandwidth and computational costs.
[1] - https://solar.lowtechmagazine.com/2018/09/how-to-build-a-low...
* original colourful image : https://homebrewserver.club/images/lime2.png
* dithering/PNG on this site : 34 kB
* AVIF (quality 16 for similar "readability") : 21 kB
* WEBP (quality 16 for similar "readability") : 24 kB
But the "nice dithering style" is lost in the process, obviously.
* AVIF : 69 kB (+100%)
* WEBP : 27 kB (-22%)
> The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process. [...] This value is intended for pixel-art images, such as in browser games.
[1] https://en.wikipedia.org/wiki/Pixel-art_scaling_algorithms