Параллаксная прокрутка с размером баннера не работает ⇐ CSS

[Anonymous]

Я пробую с фоновым прикреплением: исправлено; & Transform: TranslateZ(-300px) Scale(2); это увеличит размер моего изображения. я хотел использовать исходный размер баннера для прокрутки параллакса
можно обратиться к этому коду https://codepen.io/hahacode666/pen/poXzgbe
я пробовал

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

.section1,
.section2 ,.section3,.section4{
perspective: 1;
transform-style: preserve-3d;
overflow-y: scroll;
position:relative;

}

нужен ли js для обработки?

Подробнее здесь: https://stackoverflow.com/questions/787 ... ot-working