Stylize text over html video embed

I am wanting to recreate something similar to this over the HTML video embed section of our website.

This is what we have on our site.
Screenshot 2022-10-09 at 7.32.27 PM
Is this possible? is so I cannot figure out for the life of me how to get it to overlay with the html video embed still in the background…Any help would be greatly appreciated! Thank you!!


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

You’re already very close. The way I would approach it is to add a new div element inside your wrapper and set that new div (let’s call it overlay) to position:absolute. Set top, right, bottom, and left all to be 0. This will glue the sides of the overlay to the sides of the wrapper. From there, you can add more things within the overlay and style them as you wish :slight_smile:

Make sure to keep wrapper at position:relative (this is how overlay knows where to position itself) and your embed’s z-index at -1, or at least at a lower number than your overlay.