Show/Hide interaction not working on custom carousel


Here is my site Read-Only: [LINK][1]


I’m trying to build a custom carousel, and, as part of that, a Hide/Show interaction. I’d watched a tutorial where the developer created several layered divs on top of the carousel’s arrow controls; each div triggers the carousel’s movement to a subsequent slide. Essentially, after clicking the arrow once, the first div is supposed to change from “display: block” to “display: none”, This then reveals the next div, which, upon clicking, will trigger the carousel’s movement to the third slide, etc.

For whatever reason, that first div is not converting from “display: block” to “display: none” in my “Carousel Mask Transition” interaction. Could someone help me diagnose?