Unclickable Area on Lightbox Link

Hey everybody, any chance someone might know how to get the whole of the image clickable? currently only half is clickable due to some div blocks that are blocking.


Here is my site Read-Only: Webflow - MatRef.com

I can add some embed code to sort it but is there another way?

Custom CSS, but the same approach.
Create a global class in Webflow called unclickable, and add it to all of the elements that you want to “click through” which are in front of your lightbox element.

Add this custom code to the page in an HTML embed.

<style>
.unclickable {
  pointer-events: none;
}
</style> 

The way you’ve designed this you don’t really have any other options but to use pointer-events: none