Image webpart - Add text over image

Rie0205, is there still no solution for this problem? We're having a related problem with one of our sites (University of Colorado). We're using a three-column layout, and we've placed an Image Widget in each of the three columns. These images are basically supposed to function as large buttons (tiles) that take the user to major parts of our site. The problem we're having is that the text overlays disappear at a certain screen width -- an unintended side effect of responsive layouts.

Illustration: On a very wide screen, the text overlays are displayed as intended:

On a slightly narrower screen, however, the text overlays disappear completely:

Now people have no idea what they're clicking on. Defeats the whole purpose.

If the screen gets narrower still, the Image Web Parts rearrange themselves into a single column, and we once again have functional "buttons" with text:

So, the problem is just in that intermediate range. But it's a big problem.