How can I resize my too stretched desktop banner?

Please help me,
I tried everything to get my banner smaller on my website but with no luck, can someone help me to solve it ?
web url: https://9a9455-8e.myshopify.com/ ,
Thank you in advance.

You can try this out.

Click customize to edit your site

Click on the banner element you want to edit.

Now look in the panel for custom CSS

Paste in this:

.banner--desktop-transparent{
            margin: 0 6rem!important
        }

You can adjust the 6rem to anything you like. For example 4rem for less margin (larger image) and 8rem for more margin (smaller image).

You also have the option to put this in your section of your site right before your closing tag:


This is just an easy way to keep the banner centered but to reduce the size. We are specifically targeting the desktop version here.

Consider adding the page-width class, like this: