Videos cropped themselves

[Gnarlyship]

Hey guys I have a multi column video section on my store and for some reason my videos kind of cropped themselves does anyone know how to fix this?

thanks 

[Asad-Mahmood]

What's your store url ?

[Gnarlyship]

https://admin.shopify.com/store/0p4zxx-wx/settings/domains

password: Brick by brick

[Asad-Mahmood]

Go to your online stre -> edit code -> base.css file and paste this code there

@media (min-width: 768px) {
    .multicolumns-item-video-template--17957280186504__ss_multicolumns_video_ecCHnG video {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

[tim · Accepted solution]

You can easily avoid cropping, by adding this code to the "Custom CSS" setting of this section:

[class*=multicolumns] video {
  object-fit: contain;
}

Do not edit theme code -- this will make future theme updates complex.

But this will not look great:

In my opinion they look pretty good the way they are now...