Adding a responsive video to Webflow

Hello, I have created a hero section that includes a short 2-sec video on one side and hero title/description on the other.

I have tried embedding a hosted video, adding a background video, playing with padding, and so on but I am still unable to resize the video so it maintains the 2-column grid look across all breakpoints.

When I embed a hosted video using HTML Embed inside a div block, I have zero control over the dimensions of the video.

Here is a mockup of what I am trying to create: Imgur: The magic of the Internet

Any help would be greatly appreciated.

Thank you.


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

Hi @HouseOfBriliantIdeas, please share your read-only link so that we can take a look.

UPDATE: I decided to use a lottie file by converting the video into a PNG Sequence and then that into a JSON file.

Hi Denny,

Here is the read-only link.