Embedded Background HTML video not scaling down properly


Despite being pretty new to Webflow, I’ve been trying my best to work my way up through all the great tutorials offered by Webflow’s University. That being said, after many hours of trial and error, I feel completely lost and in need of help on the following issue:

I have a background video looping on my homepage as an HTML embed. Although the video works fine when seen in “desktop mode”, when it scales down to “mobile mode” (or narrower), instead of remaining centered, the video is locked to the left margin and therefore the resulting vertical crop appears completely uncentered.

My goal would be for the video to always feel centered while scaling down to different viewmodes. How can I do that?

Thank you so much for your help,

Here is my site Read-Only: