Adjust alignment of screenshots within "Getting started" text
requested to merge janopae/developer-www:adjust-position-of-screenshots-in-getting-started-text into main
Before this changes, the images were shown before the text gave any context for them. This made them hard to process: The reader didn't know what to look for on the image. Only when skipping the image, reading the text and looking at the images again, they made sense.
This MR aims to give context first, by describing the instructions and only then giving these screenshots as an aid to visualise and understand the instructions.
Before: 
After: 
(The screenshots already contain !97 (merged))