Ну во-первых)
Всё зависит куда ты хочешь вставить фоновое изображение, то есть это может быть, например, какой-то блок или header. Сейчас расскажу на примере header
<body>
<header>
<!--Всё что находится внутри-->
</header
</body
header {
background: url(/*Путь к фото*/) no-repeat center top / cover;
}
А теперь розберем что к чему :)
no-repeat - По название видно что создано для того что-бы фото не повторялось
center top - Это размещения по X и Y (где center - X, а top - Y) думаю что такое center, а что такое top писать не надо.
cover - Делает для-того что-бы каким бы не был экран (его размеры) он всегда будет на всю ширину.
Простой
Простой