Edits to the responsive design of the main hero

Because I used the container as the top blue box that appears on mobile devices. Also I want to position the photo credit so that it's absolute to div#hero and not the container.

If you want to keep the photo credit inside the container, we can do so but that requires creating a new div for the top blue box. I'd rather just keep it the way it is. Thoughts?