Положение заголовка: проблема с липким цветом фона

Question

Фон страницы - linear-gradient, а заголовки - position: sticky. Поскольку страница прокручивается вниз, заголовок перекрывает изображение с прозрачным фоном, но я хочу, чтобы фон заголовка имел ту же схему linear-gradient, что и у страницы. Заранее спасибо

Текущий -

Ожидаемый -

код - https://jsfiddle.net/wveufyn2/3/

[РЕДАКТИРОВАТЬ] Мы не можем добавить тот же linear-gradient к заголовку, который не соответствует c с общей цветовой схемой.

Answer 1

html {
  background: linear-gradient(218.78deg, #20233A 33.97%, #3A2034 100.71%);
  width: 100%;
  background-attachment: fixed;
}
.flex.spaceBetween {
  justify-content: space-between;
  background: linear-gradient(218.78deg, #20233A 33.97%, #3A2034 100.71%);
  background-attachment: fixed;
}

Готово.

Answer 2

, если вы хотите переместить этот заголовок с указанием позиции: sticky

position: fixed;