I am trying to create a custom slider using Splide on my website https://slider-e65739.webflow.io/. I have added custom code to achieve this.

However, I cannot see the fourth and fifth images until the mouse moves/scrolls. I don’t want the gaps to be seen after the 5th image until the slider reaches the first slide. I want it all to be moving in a continuous motion without a gap.

If you also hover in the blank area after 5th image, you can already see the hyperlinks but not the image.

Can anybody help me understand the issue and provide a possible solution for this?

Here is my site Read-Only: https://preview.webflow.com/preview/slider-e65739?utm_medium=preview_link&utm_source=designer&utm_content=slider-e65739&preview=ec093303e01c6b7527d23b3500e8061c&workflow=preview

Continuous loop of images without fade-in of the images.