Quick note on your site tor2dbear, your CSS is resizing the image to max-height: 100vh; which is distorting your image. I’d put the image inside a container which has the property height: 100vh; and then set your image as the background-image and set the background-size to cover and background-position to center. This will then not distort your image but note that this wont work in older browsers (IE 9+ will be fine: http://caniuse.com/#search=background-size).
Like this: http://codepen.io/nathobson/pen/bEeWEZ
