How do I align background videos?

Design help General
1

Hi guys, i’m trying to align my video so that it is aligned to the top with the bottom overflowing (i.e. doesn’t cut off the top section of the video).

However, the background image seems to ignores all of its parent flexbox controls (see screenshot). Even more strangely, there is a miniscule gap on the bottom of the video which is annoying.

Screen Shot 2020-09-28 at 7.16.53 pm
Screen Shot 2020-09-28 at 7.16.53 pm2508×1432 276 KB

Does anyone know how to make this work?

Thanks

Here is my site Read-Only: [LINK][https://preview.webflow.com/preview/jraft-landing?utm_medium=preview_link&utm_source=designer&utm_content=jraft-landing&preview=b3b5e892398e49a84259eb3b8fccac5d&pageId=5f6dd0efd274a405eb701b00&mode=preview]
(how to share your site Read-Only link)

2

It doesn’t seem like this is possible, so I just used a html embed.

Code if anyone finds this useful:
<video src="https://myvideo.mp4" width="100%" autoplay muted ></video>