Copy isn't appearing above hover state

Hi does anybody know how I can adjust hover states that don’t overlay my copy?

I have based this design on thumbnail images with copy overlaid to explain a little about each project. I can’t seem to get the copy to stay above the rollover state. It seems to fade back and sit behind the blue hover block

https://preview.webflow.com/preview/studiolondon?utm_medium=preview_link&utm_source=dashboard&utm_content=studiolondon&preview=32e76af53ded443557fa03f17cfd2ac6&mode=preview


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

Hi

Play with the positions… hope it helps :slight_smile:

https://www.loom.com/share/9be29a3cddc3434086a86e4aa094697b