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

[MaxCosta]

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: https://u1h111urubq7jaxx-64950534385.shopifypreview.com

Thanks in advance,

Best regards,

Max COSTA

[MandasaTech]

Hi @MaxCosta ,
https://u1h111urubq7jaxx-64950534385.shopifypreview.com
Please share your store password.

[MaxCosta]

Hi @MandasaTech ,

I'm sorry, code is tiprai

[MaxCosta]

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

[CharlesLamarre]

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