I have a link block containing an image and an overlay that is not appearing in mobile when I visit the website on my phone

Hi,

I am having trouble with my link blocks on my homepage that contain images and an overlay.

My goal was to have the overlay appear when the mouse hovers. I got that to work to the best of my ability, but when I look at the website on my Iphone 14, the image does not appear until I make my phone go horizontal and then back to vertical.

Any help would be greatly appreciated.

Thanks


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