Bug - 1069367: Placed header above screenshot

Moved the markup for the header to come before the screenshot. While this had been done with styling, it is more semantic it this way in the markup as well.
Merge pull request #25289 from jobara/1069367

Bug 1069367 - "Header" should be below in card in markup