Align media right and add alt tags

[micey969]

Reference 32 and 34

Please note, concerning the media--right code, it was only added to the stylesheet, I didn't add any code for it inside of the pages, I only added the alt tags to those pages.

Problem:

• On screen sizes >=960px, when wrapped in a section div, figure.media should be displayed top right of section instead of full width
• Images on the site had no alt tags so screen readers wouldn't be able to tell users what the images were about
  Solution:
• Make div.section into a flexbox so its contents can be easily be displayed inline on screens >=960px and full width on screens <960px
• add alt tags for visitors that use screen readers
  Results:
• Figure.media images are aligned top right in screens >=960px and are full width in screens <960px once they bear the label figure.media--stretched.media--right

Attachments
screens >=960px

screens <960px