Banner size optimization for desktop/mobile

Hello everyone i am having issues trying to make the banner of the landing page the right size.

When selecting “Small” as an option, i get the wanted result on mobile: (i want it to be like this)

But it is an absolute disaster on desktop:

Then when selecting “adapt to first image” i get an unwanted sizing on mobile:

And while it is not cut anymore, the image is just too damn big on desktop:

I am a little lost on what i can do, is this something i am causing with the sizes of the images? I also tried playing with that but with no success. Is it something that can be done with code?

I am leaving the store for you to view on the “small setting”.

Store url: https://0fbee0-2.myshopify.com/