Overlaping grid items - Videos doesn't behave as images

I was trying to overlap some titles with a blank background on top of a video background, as you can see in the example. Used a div block with an image as background, but when I add a Video or Youtube as a child of this div block, it does not keep the diagramation. The video becomes taller than the Grid, and the white background in the div text items disappear.

I was hoping to replace the image with a video, and keep this layout. See the link:


Any help will be appreciated