Картинка не выравнивается по центру

Потому что никаких оснований нет ей выравниваться.
Задан margin: auto как для блочных элементов, но img строковой.

Вы уж либо display: block картинке дайте, либо text-align: center контейнеру.