How can I make this parallax work?

I have this: https://codepen.io/Lko3001/pen/MYWvweJ
I set the perspective property on the .banner and a translateZ on the img, but why isn't it translating on the scroll?
I want to do a parallax in pure css, I don't want to use JS
CodePenLko
...
Untitled
Was this page helpful?