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

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

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

Hi @MandasaTech ,

I’m sorry, code is tiprai

It’s strange… I can’t find the CSS code that keeps it centered

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