Scroll a div's content horizontally on button click

Hi all,

I’m trying to create a left and right button, that scrolls a div’s content left and right. Currently, the user can use their mouse / finger to scroll the div’s content, but I would like to add buttons for a further affordance that there is more content to be seen horizontally.

Any ideas how I can achieve this? I’ve tried giving the div hidden out to the right an ID and then setting the button to scroll to section, but it seems this will only scroll a page vertically. I’ve also looked at using the move animation, but couldn’t get it to move the contents of the div in a reliable way across breakpoints.

Any help would be much appreciated!

Thanks in advance


Here is my public share link: Webflow - Design for Health