Stack additional images on click (new image added on top per click)

I have a series of images layered on top of each other set to zero opacity. I would like them to one by one appear as the user clicks on the stack… I am only getting the image on the top layer to appear/disappear when clicked but none of the other images are clicking/appearing because they are blocked by the top one. Any ideas on how to get this concept to work? Here are images of what this looks like in the edit project page (cropped images of what I am trying to get to animate).