Как бы его так правильно сделать чтоб можно было использовать на остальных страницах.
Задаете фон родительскому блоку (возможно, это прямо body, по скрину не видно). Для разных изображений задаете разные классы.
Так же фон должен быть адаптивным, т.е для телефона, планшета и десктопа разный размер фона.
Реализация зависит от того, насколько сами картинки подготовлены к такой жизни. Через background-size или разные картинки через media запросы
Через css фон задать это явно не вариант.
Именно CSS как раз то, что нужно.
А Вы бы через что хотели?
