Fixing a slider

Design help General
1

I’ve just cloned a project in order to make a cyclical slider. I am currently in the middle of editing this project but I am having issues with the sizing of the images since not all of them are consistent within the slider.

image
image1919×860 108 KB

I am also having issues with the colour of the image on the left of the first slider as you can see from the above screenshot that it’s for some reason grey.
If you carry on with the right arrow until you reach the last item again I get two pictures on top of one another.
image
image1919×860 108 KB

Here is the link to the project i cloned

Does anyone have any tips on how to fix this?

Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])

2

When dealing with images that are different sizes or ratios you can either correct before uploading, or leverage object-fit - CSS: Cascading Style Sheets | MDN which is supported in Webflow.

3

all the images are the exact same

4

Set column-slide 2 height to auto like column-slide 2.first

5

image
image1884×853 74.4 KB

I don’t see a difference unfortunately after setting it to auto.
image
image1854×831 72.6 KB

and the overflow issue still persists
EDIT: I added padding to first-slide-ghost in order for it to match column-slide 2 which ended up fixing the issue.
Now the only issue I have left is the colouring of the image in first-slide-ghost.
image
image1887×727 68 KB

6

Well to be honest I don’t have the free time to debug someone else’s cloneable.

Not sure if you looked at the share → https://multicolumn-one-step-slider.webflow.io/

If that is not what you want consider building from scratch or wait for someone else to jump in.

Personally I avoid that component for anything more complicated than basic use and choose swiper.js