Personal Portfolio Webpage - hover effect won't work on mobile

Tell us what’s happening:
Hi there, I am trying to apply the hover effect on the mobile version (as in tap on the figure-caption to execute the hover effect). However, when I inspected the element, and tried to “tap” my figure-caption, nothing happened. Any help would be appreciated, thanks. Preferably pure css or sass.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

I don’t know that there’s an easy solution to this @lzxbmwz4. Here’s one article I found (there are quite a few others)…