How to set max-height to image's original height in a responsive design?
===

I'm building a responsive site using WordPress, and images are automatically set to `height:100%; width:auto;` and the div resizes according to window size. But this often means some images have their height set to higher than their actual height causing pixelation. What i need is something like `height: 100%; width:auto; max-height:"image height here"`. How, if this is possible, is this possible?
The page where this is an issue is here: http://wheretoimmigrate.com/onthemouse/?portfolio=atomic-clothings-2012-campaign