Изображения не выравниваются по центру правильно ⇐ CSS

[Anonymous]

извините, если это простая или глупая проблема.

По сути, я пытаюсь выровнять по центру все изображения на моей странице, однако выравнивание не работает. как я хочу, вы можете посмотреть на моем сайте здесь. Это CSS, который я использую для трех основных разделов. Они выравнивают центр, но используют левую часть каждого изображения, а не середину изображения, которая является центральной.

Код: Выделить всё

.links {
position: fixed;
text-align: center;
top: 50%;
left: 50%;
}
.footer {
position: fixed;
text-align: center;
top: 75%;
left: 50%;
}
.header {
position: fixed;
text-align: center;
top: 25%;
left: 50%;
}

Поскольку вы не можете разместить более двух ссылок, вы можете найти nikki.html и style.css здесь, если вам нужно увидеть больше: https://github.com/Flimmykins/Flimmykins.github.io

Я попробовал изменить левый процент, чтобы сделать это вручную сам, но из-за этого сайт странно отображался на разных вещах. Спасибо за любую помощь.

Подробнее здесь: https://stackoverflow.com/questions/364 ... -correctly