How can I adjust CSS code to center and crop a video?

Shopify Partner
253 2 59

Hello to the entire Shopify community,


I'm going to reframe my video section on the Flex theme.

Here's my native video: black bands go at the top and bottom of the video :





Here is the CSS code formula I tried to add:


max-height: 450px;
overflow: hidden;

.img-wrapper img{
width: 50px;


However, here's the result, it crops from the bottom:




I would like to crop both sides while staying centered.


Does anyone know how I can modify my code formula for this?


Here the link of the preview:


Thanks in advance,


Best regards,


Replies 4 (4)

Shopify Expert
723 146 153

Hi @MaxCosta ,
Please share your store password.

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page
Shopify Partner
253 2 59

Hi @MandasaTech ,

I'm sorry, code is tiprai

Shopify Partner
253 2 59

It's strange... I can't find the CSS code that keeps it centered

New Member
7 0 0

Hi, I would also like to know what the solution to this problem is as I'm also facing it right now!