This does not update the screenshots yet, it just makes the images readable.

I feel like the images being after the code look better. Reader sees code → Reader sees result, instead of the reverse. Images also work nicely for ending a section.

I also somewhat followed https://develop.kde.org/docs/contribute/formatting/#white-space because the page was kinda annoying to read.

Closes #170