Remove Hover Transparency on mobile text block

I have a hover effect on my "team" page that reveals the team member bio when you hover over the team member image. When I switch to mobile view, the text block layer is still transparent unless you click directly on the white space below the image. Is there a way to show this text on mobile?

If you've created the hover effect with code, you can target so that it only shows on larger screen sizes. This post walks through how: https://christyprice.com/blog/custom-code-screen-size-squarespace

If you're achieving this a different way, please share your site so we can better help.