Hello,
I haven’t looked at your coding and I’m a bit too lazy to read through the comments lol but one thing I noticed is that the overlay you uploaded here is the size of a whole zone (640x1136), which can then conflict with the other tappable buttons and therefore your tappable thing won’t work properly because they are overlapping one another. Even considering just scaling it smaller, won’t fix the problem because it looks like it would still overlap each other. The overlay includes the transparent background behind it by the way and not just the visible image itself. So when you go to spot direct it, look at where those dashed lines around the overlay are. That will show you the “entire” size of that overlay and they shouldn’t be touching or on top of one another otherwise the tappable thing won’t work the way you want it to. So you likely need to cut out the excess background of it out.
Edit: Here’s your overlay without the excess transparent background:
Happy Writing 