Андрей

А чем классический вариант с max-width: 100%; height: auto; не подходит?
Если же нужно более гибкое решение с заданным соотношением сторон то можно погуглить padding hack.
andyshora.com/css-image-container-padding-hack.html например

https://jsfiddle.net/dzwk03fc/
так?

Может это станет отправной точкой?
https://jsfiddle.net/np1ecv2h/1/