Centering Text over a Lightbox in a Grid


I am attempting to make an “Our work” page where site visitors can hover over an image, see the title of the project appear, and then click it to have the video pop up on the page. I am having issues getting the text to center over the image.

I have had success doing this with columns, but I am hoping to complete this with a grid. This way, whenever we add a new video, we can drag and drop our work around.

I am hoping to create something similar to what we had on our old site: [](
except for the video title to appear when you hover instead of a play button.

Any help is appreciated!


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