Horizontal CMS scrolling help

Hi, I’m new to using custom code I’m trying to implement a feature to my portfolio page that I found online. I used this:

Basically there’s 3 issues I can’t seem to figure out a solution for after following that tutorial.

  1. The entire webpage is the length of the horizontal scroll container, so when I’m at the hero section, you can still scroll to the right and see white. How do I limit the viewport to just the window size everywhere but that horizontal section?

  2. On bigger windows, the scrolling goes by extremely quickly, but there’s no way to limit the speed past desktop size.

  3. While scrolling down, I would like it to pause at the horizontal section for a bit before it begins to scroll as the first two CMS cards go by too quickly.

Thank you for any help!

Here is my site Read-Only: https://preview.webflow.com/preview/brandons-stunning-site-110d99?utm_medium=preview_link&utm_source=designer&utm_content=brandons-stunning-site-110d99&preview=05ed02291b6088d8eaea724351852c3a&workflow=preview