Почему фотография с text-align:center не встает по центру?
Потому что вы занимаетесь версткой и делаете это не профессионально :)
Возможно родительский элемент имеет такую же ширину, как и сама картинка.
Сделайте, пожалуйста, пример на jsfiddle.net или https://codepen.io