Embeded Div is blocking its parent linkbox in published site

I have a problem with a link box; the embedded div in the linkbox graphicdesign and socialmedia appears to be over the parent link box in the published site, if i hover over the linkbox in the published site, the embeded divs are blocking the link, but why?

The embedded divs are children of the link boxes.

I tried to give the link box a higher z-index and give the embedded div a lower z-index, but it seems like the embedded div is ignoring the z-index.

The issue appears on all browsers.

The problem is not happening with images or other divs but only with embedded divs.

Please tell me the solution to my problem

Here is the link to the site:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)