Меньший индекс z абсолютно позиционированного изображения, не скрытого за другими элементами раздела страницы. ⇐ CSS

[Anonymous]

Я хочу, чтобы на заднем плане главного раздела было изображение. Я хочу, чтобы он был скрыт за несколькими элементами. Свойство z-index, похоже, не работает, поскольку я пытался увеличить индексы z других элементов и уменьшить индекс этого фонового изображения, но оно все равно не работает.
Скрин Figma для него такой:


Интерфейс, который я могу для разработки это:

Мой заголовок закреплен в верхней части страницы. Под ним следует главный раздел.
Это мой код для раздела с синей плиткой:

Код: Выделить всё

Это код целевой страницы:

Код: Выделить всё

const LandingPage = () => {
return (















);
};

Вот как начинается главный раздел:

Код: Выделить всё

.....

Это код раздела заголовка:

Код: Выделить всё

....

Я перемещаю код туда и сюда между разными элементами div и внутри них, но это тоже не работает.

Подробнее здесь: https://stackoverflow.com/questions/793 ... other-page