Removing horizontal scrollbars while keeping the scrolling functionality

Hi there. I have a website with a fair bit of elements that scroll horizontally on mobile. How can I remove (or at the very least change the width of the scrollbar)? It it possible to style it for individual elements? This is the website: https://utveckling.samuraj.oderland.agency/ I tried targeting one of the horizontally scrolling elements and all children with this but it doesn't seem to work.. .puffblock ::-webkit-scrollbar { width: 0px !important; height: 0px !important; } .puffblock * { scrollbar-width: 0px; } .puffblock *::-webkit-scrollbar, .puffblock *::-webkit-scrollbar-thumb { width: 0px; display: none; opacity: 0; }