Як вирівняти background-image центром?
Доступні слова center, bottom, left, right. Їх можна комбінувати, наприклад: left center – по центру лівої сторони; right bottom – правий нижній кут. Якщо хочемо розмістити картинку по центру по горизонталі та вертикалі, друге слово center можна опустити.
Як зробити заднє тло по центру CSS?
Встановлюємо background-repeat в no-repeat. За замовчуванням застосовується repeat, але з ним фонова картинка повторюється, доки не заповнить собою блок, а нам такого не потрібно. Задаємо background-position: center – вирівнюємо картинку по центру контейнера (Як по вертикалі, так і по горизонталі).