Позиция, размер, повтор фонового изображения css

Чаще всего для управления фоновым изображением хватает трёх свойств: background-size, background-repeat и background-position.
background-size: cover; /* cover (англ. «накрыть») сожмёт или растянет картинку */ САМОЕ ПОПУЛЯРНОЕ И УНИВЕРСАЛЬНОЕ РЕШЕНИЕ
background-size: contain; /* contain (англ. «содержать») сделает так, чтобы вся картинка уместилась */

Если картинка меньше поверхности блока, то по умолчанию она будет повторяться, чтобы заполнить всё пространство. Значение background-repeat может отменить повтор изображения или им управлять
background-repeat: no-repeat; отменяет
background-position: center; центрует