VegasChickiChicki

Добавить хедеру
background-position: center center;
Я бы попробовал так

А может просто задать блоку с со слайдером абсолютное позиционирование и отрицательный z-index?

shpargalkablog.ru/2017/04/position-sticky.html
В css есть такая команда )

Предположу ,что можно попробовать дать блоку фиксированную позиция ,задать z-index для блока со слайдером и хедера (хедер естественно больше чем блок со слайдером). Должно получится что при скроле позиция блока фиксирована ,а из за z-index он должен как бы "уйти под" хередр.

Новичок JS ,но попробую ответить. Попробуй сделать через If . If ( какой либо пункт равен определенному значению(к примеру цвет. если он равен Green)) { тут присваиваешь через innerHTML значение цены.} И так к каждому условию пишешь свою цену. Писал с учетом того что ты знаешь queryselector, innerHTML и if/else. :)

Сам новичок в JS ,но попробую ответить. Если я правильно понял ,то они как бы лежат друг на друге ,то есть через position: absolute. Тогда нужно каждому из них задать айди,одному блоку задать позицию отрицательную (к примеру left: -1500) , отследить x скролл мышки (var posX = window.pageXOffset;) и изменять Y позиции блоков,то есть увеличивать left/right. Тогда получится что при скролее координата Y (блоков) будет зависеть от X координаты страницы и один блок будет как бы выезжать из-за границы страницы ,а другой будет туда заезжать.