Inquiry about Full Width Video Viewing on Mobile

Hi guys,

I'm currently working on my website's home page, and I'm having a bit of trouble achieving a consistent full-width video display on both desktop and mobile views for the main hero's banner.

On desktop, the video looks great, but on mobile, it doesn't seem to stretch to the full width. I was wondering if anyone has experience with this and could offer some advice or guidance on how to ensure the video maintains its full width on both desktop and mobile views.

Appreciate any help or insights you can provide. Thank you in advance!

Here is the link to the website: https://www.harbourresidence.com/

You can add this code to Website Tools (under Not Linked/Hidden) > Custom CSS to resize video on mobile

@media screen and (max-width:767px) {
    [data-section-id="656ecc9a48461b5c3450f067"] {
    min-height: unset !important;
    height: 30vh;
    margin-top: 15vh;
}
}