Limit the height of the image so as not push all text out of viewport

max-height of 100% on the image itself can be a lot.

Example:

![screen shot 2014-03-02 at 12 42 34 am](https://f.cloud.github.com/assets/648260/2303040/98987bcc-a19b-11e3-8a26-187d00986cde.png)

We don't want to push all of the text out of the viewport. So why not have small inline images? Maximum height of 50%.

Let me know what you think.