Slider inside a slider - Next/Previous controls are inseparable

Hello,

I want to enable users to use a slider that is in another slider. For clarification; The user should be able to slide horizontally between slides, and on each slide the user should be able to slide vertically.

Problem: I managed to get most of it working, however, when I slide horizontally the vertical slider starts sliding as well. Seems that they are interconnected somehow.

Each slider should be operated independently.

Does anyone know what the solution to this could be? Thanks.

Check my posted site to view the functionality (i’ve used custom slider arrows): https://undefineds-awesome-project-f26390.webflow.io/

Here’s the “read-only” link to the designer: https://preview.webflow.com/preview/undefineds-awesome-project-f26390?utm_medium=preview_link&utm_source=designer&utm_content=undefineds-awesome-project-f26390&preview=072d24d49159632e3c0b90a1afdd91a1

Here’s the code I used for the custom slider arrows, in case this might be part of the problem: