Есть контейнер фиксированной высоты и произвольной ширины.
Внутри него размещается изображение, высота изображения совпадает с высотой контейнера.
Это изображение должно быть отцентрировано в контейнере.
Я сделал примерно так: https://jsfiddle.net/wrg0t3e7/8/
Но в том случае, когда ширина контейнера меньше ширины изображения, оно выравнивается по левому краю.
Можно сделать так: https://jsfiddle.net/wrg0t3e7/9/
Здесь поведение полностью такое, как мне нужно, но изображение должно быть определенной ширины.
А можно ли сделать такое же, но для изображения произвольного размера?

А без флекс-бокса никак?
Мне по сути нужен аналог background-position-x:center.