When playing home page video the size expands to off of the page

[NOSE-LUV]

When I'm in my Shopify store editor the preview of the video shows in the right size which I edited with code from a seprate forum here 

"deferred-media {
--ratio-percent: 50%;
}

deferred-media img {
width: 50% !important;
max-width: 100% !important;
height: 50% !important;
display: inline;
position: static;
}
{
margin-top: -160px !important;
}
{
margin-bottom: -160px !important;
}"

here's a screen show of my view before the video plays vs once it starts playing 

https://imgur.com/a/dd5w57K

some help with the code would be great.