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

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.

https://bugzilla.mozilla.org/show_bug.cgi?id=1069367