CSS code for putting blog titles, and meta content on top of image

Site URL: https://johnnaslaby.com/journal

Hi there!

I am pulling my hair out trying to figure out how to make the titles of the blog post get to the center of the image with the overlay and not underneath the image like it is now. 

If someone can help me that would be amazing! To view it, this is the page:

https://johnnaslaby.com/journal

Don't remove any code in your current code. Add this under

.blog-basic-grid--text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 9999;
}
article {
    position: relative;
}

Thank you so much!!! That was it!!! You are amazing.