What did I miss to make parallax scrolling working?

```html
<div className="h-screen">
  <div className="relative h-full w-full bg-cover bg-fixed bg-center bg-no-repeat">
    <Image src="https://images.unsplash.com/photo-1454496522488-7a8e488e8606?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1955&q=80'" objectFit="cover" alt="test" layout="fill" priority={true} />
  </div>
</div>
```