Horizontal Scroll with Various Scroll Directions (Mouse, Trackpad, and Possibly Arrow Keys)

I am currently working on a Webflow project and facing challenges with implementing a horizontal image gallery. My goal is to allow visitors to scroll horizontally through the gallery to the end, supporting both horizontal and vertical scrolling (using the mouse with different scroll wheels, swipe gestures on the trackpad and smartphone, and if possible, arrow keys). Here is the link illustrating how my client envisions it: Link to the desired effect.

I have attempted to implement this but encountered issues.

Here is a link to my Webflow project:
https://preview.webflow.com/preview/mw-schreinerhandwerk?utm_medium=preview_link&utm_source=designer&utm_content=mw-schreinerhandwerk&preview=26d37457be9fce6d4ac395a10ae90f29&pageId=6555e2e051088e2dcbe38de5&workflow=preview

I am a newcomer to Webflow and would greatly appreciate a detailed guide.

Thank you in advance for your assistance! Marc

It’s a shame this didn’t get answered; I have a similar inquiry. Did you find a resolution for this elsewhere?