I have (color blend) overlays over an image link, with two interactions on it:
- the overlay is turned on on hover, and
- the overlay is turned on on click/tap, with a delay (to simulate the hover on mobile)
I works fine on all breakpoints, with the exception of mobile portrait:
when tapped (animation 2.) the overlay goes wider than the image and creates this weird border left and bottom. See screenshot.
It should just cover the image like on the other breakpoints.
What’s happening here and how can I fix it?
Thank you for your help!
(I’m looking at it on an iPhone 6S Plus, if that matters)