Scaling images based on browser height

On my folio I have a horizontal scroller (.content)
.Content is to expand to fill all the space between header-nav and footer-nav (120px max height each).
I’d like those images to always fill this height while respecting each images individual width, so that big resolutions get clear images and the still-popular 1366x768 doesn’t cut off the works.
Its an important feature as I have switched the default scrolling method to horizontal.

Thank you!

Here is my site Read-Only: