I've noticed an issue with my Card slider and half slider. Whenever I navigate through the Card slider, the half slider also moves along with it. However, this is not the case when navigating the half slider; the Card slider remains stationary. It seems like the root of the problem lies in my Javascript code, but I'm unsure how to separate them into distinct classes so that they can function independently. The half slider has its own navigation code which may be complicating things.
Here are snippets of the HTML and Javascript code for both the half slider and Card slider: Half Slider.html