Как заполнить картинку в контейнере?

Есть фиксированный контейнер, в нем должна быть картинка. Есть два возможных исхода.
1. Если картинка уже, чем ширина контейнера, то растягиваем картинку на всю ширину контейнера, а верх и низ картинки обрезаем.
2.Если размеры картинки больше, чем ширина контейнера мы обрезаем левую и правую часть изображения.

Я добавил две картинки с разными размерами и сделал нужное, но у меня это получилось только с допольнительным классом.
https://jsfiddle.net/5z8c2rab/
Мне нужно чтобы размер и нужное действо автоматически применялось. Можно ли это сделать средствами сss, без использования js? Если это делается с помощью js, то как правильнее всего сделать?