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:

https://preview.webflow.com/preview/todospelocentro?utm_medium=preview_link&utm_source=dashboard&utm_content=todospelocentro&preview=6b6897ef8e7410f35e92a7b497fa0d9c&workflow=preview

Any help will be appreciated