для header

Задача: для header и секции, следующей за ним, нужно задать один backgroundPosition:absolute; для header ситуацию не исправил

Иметься такая задача: нужно поместить на фон header'a и section'a одну картинкуСразу на ум приходит задать body backgoround-image, но я слышал, что так делать неправильно, какие есть варианты? Есть конечно еще вариант задать фон секции, а header'у дать position: absolute, но мне кажется что это тоже не рациональный вариант решения задачи

Проект на РельсахПодключен Bootstrap

Есть контейнер header в котором расположена навигация и логоКогда задаю opacity то все элементы становятся прозрачными