И, кстати, явно видно, что перемещается: https://codepen.io/AnnaSummer/pen/ExQrxbE
Возможно, не туда и не так, как вам хочется при наличии других элементов. Почему так может быть я написала выше.
Сергей К, знаю. Я вам уже два варианта написала за это время, а вы всё спорите.
1. Разрезать один из слоев.
2. Не заводить градиент под шапку. Зачем он там?
Вариантов полно: хоть просто bg и bg position. Если удобнее псевдоэлементом, то псевдоэлементом и абсолютом.
Но в разметке она лишняя. Да еще и в div завернутая. Это же не контент.
Удивительно, но она есть прямо в хелпе Яндекс.Вебмастера.