Getting lenis scroll effect in tab content

I have literally only seen the effect on someone elses website, and tried with chat gpt and youtube as I know nothing about code.

If anyone can help, ill love you forever (and maybe buy you a coffee)

heres what ive got so far:

Header:

html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; }

Footer:

THANKYOU

https://preview.webflow.com/preview/harrie?utm_medium=preview_link&utm_source=designer&utm_content=harrie&preview=8d48b8a338eb8ebb56aa2bdaf8f660c0&workflow=preview