Create Text Overlay Image Link

Hi all,

I want to have a color fill the picture for each project image/link with the project title. But if you notice when you hover over the image the title shows up underneath with the next project.

Q1: How can I make the project title text appear over the picture on hover? (need positioning help not hover effect help)
Q2: How can I make the background color for the title text (white) fill the image frame?

I’ve attempted to look up help on stackexchange and the like but need some more direct feedback. I think I may need to make a container div around each project section but not sure how to do the CSS if I do that. Any help appreciated. Thanks!