Sunnyday

Hello tuanphan.
maybe you have an idea what's wrong with this resize mobile video background code.

In the Squarespace overview all works fine. 
On the iPhone 5 SE or others as well - NO PROBLEM.

Some other phones such as iPhone Mini 13 and got told some others as well..the video is just half part of the screen. 
No idea what's wrong.

https://hibiscus-nectarine-wdcb.squarespace.com

this is the code

 

/* resize video banner mobile */
@media screen and (max-width:767px) {
.homepage #page section:first-child iframe {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
}

can t find a solution since in the squarespace mobile preview it is okay as well!!!

Maybe you can help. Thank you.