Board Thread:Support Requests - Getting Technical/@comment-1162194-20200912140755/@comment-9605025-20200912160737

When determining how to display and interpret mouse events for overlapping elements, the layer order is taken into account. Since the info element is on top of the image link, clicking on any part of the image covered by the info element sends the click to the info element instead of the image link. The reason why it works on the top portion is because the info element is offset from the top of the image; so that portion isn't covered by the info element. In general, you can rearrange the layering of sibling elements using z-index. However, that changes the layer order for both display and mouse events. That means if we moved the image on top of the info element, we would be able to click the link but we wouldn't see the text in the info element upon hover. Fortunately, there is also pointer-events. This property allow us to set how an element interacts with mouse events. By setting it to "none" for the info element, a mouse click on the info element is passed through to the element behind it; the image link.

So all you need to do is set "pointer-events" to "none" for the info element.