How can I fit an image into my Dawn theme header background?

Hey. Im trying to fit my dawn themed store header to image. I have followed instructions i have found but when i put image into the website, the size is messed up.. I have zero coding knoweledge and im getting frustrated getting this image into my header background.
Image url: https://gcdnb.pbrd.co/images/x5ak5SGIY85L.png?o=1

This is how image is now..

https://loja.ibrath.com/

What’s your store url ?

https://9d2b2f.myshopify.com/

I just removed the image and all the changes i made previously. i only kept the search bar i made. Im considering other store provider if i cant make this shopify work.

I have previously put these codes in:
HTML Code for Image Background:


CSS Styles:
.header-with-background {
background-image: url(‘your-image-url’);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 200px; /* Adjust the height as needed */
}

upload the image again and write this css in your custom css section

.header {
background-size: contain;
background-repeat: no-repeat;
}

Thank you very much Asad. But i think im going to buy a theme for my website. May i contact you again if i need any assist in the future?

Sure, you can contact me any time you need assistance.