How to make carousel slider moving one image at a time?

Hello all!

I’m a newbie to Webflow. I wonder if anyone could help me with the carousel slider movement.

I’m trying to make the carousel slider act one image at a time when clicking on the slide nav.
Example 1:
Example 2:

The one I’ve made will slide all the way to the end instead of one image at a time. I’m not sure what I have done incorrectly.

Here is my site Read-Only: Webflow - SanLin.Art

The Read-Only mode doesn’t show the slide nav for some reason. Not sure what causes the problem at the moment.

You’ll have to go through ‘OMAR’ > click top right ‘Burger menu’ on the homepage > click ‘Design’ > and slide nav shows up at the Design page.

Any help is appreciated.

Many thanks in advance!