Как выровнять изображение?

Question

[Ivan Ivanovich]

Здравствуйте. Есть код - https://jsfiddle.net/2f0um8L7/

Дело в том, что картинка при полной ширине находиться не по центру, конкретно на текущей головы персонажей видны не полностью.

Подскажите пожалуйста, как сделать так, чтобы головы персонажей было видно?

Скрин

Answer 1

[Максим]

https://jsfiddle.net/02mepdLj/1/ вроде бы похоже на правду

Comments

[Ivan Ivanovich]

Максим Ленский Спасибо

Answer 2

[Алексей]

Инлайновые стили лучше не использовать, но раз уж используете - замените background-position: center; на background-position: top; тогда головы будут видны, либо background-size: cover; замените на background-size: contain, тогда будет видна вся картинка, но она не будет закрывать весь блок, если пропорции не совпадают