Mobile background video - resize for mobile

Site URL: http://www.edhopkinspr.co.uk

Hi, I'm new here so please accept my apologies if I have not posted this correctly. 

I have a background video on my site - It works perfect on a desktop but it doesn't display correctly on a mobile it is pinched in. I have read through over threads and tried lots of codes but nothing seems to work. Any help would be really apriecated. 

Many thanks in advance 

Ed 

Hi,

Add to Design > Custom CSS

/* Mobile-Homepage-Resize video */
@media screen and (max-width:767px) {
[data-section-id="62238c1fc3ff3d47e775de48"] video {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
[data-section-id="62238c1fc3ff3d47e775de48"] {
    min-height: unset !important;
    height: 300px;
}}

Thank you so much! Its worked. Im so so grateful!