Possible bug when combining a full screen slider and masonry blog on same page.

I’ve run into a possible bug that I can’t seem to fix on my own. I am trying to incorporate a full screen slider at the top of my page and a section of masonry blog posts further down below. When I include the full screen slider at the top of the page, the masonry blog does not display properly. The titles (which are set to show up as an overlay on mouse hover) are shown beneath the thumbnails. If I remove the full screen slider from the top of the page but make no other changes, the masonry blog displays correctly.

Here’s what it should look like. This is how it looks when there is no full screen slider on the page:

And here is what is happening when there is a full screen slider at the top of the page. The titles on the masonry blog are being displayed below the images instead of as an overlay on hover. (The text happens to be white, which is why it isn’t visible on the white background.)

Thank you for your help!