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: https://slick-cms-sliders.webflow.io/
Example 2: https://responsive-card-slider.webflow.io/

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: https://preview.webflow.com/preview/sanlin-art?utm_medium=preview_link&utm_source=designer&utm_content=sanlin-art&preview=2f77dae08a0c7973390509b301128a02&pageId=61d4abba919c5db3a0410412&workflow=preview

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!

San