Mobile view is in zoom

[GreatestCandy]

Hello,

My phone page look awful, everything is so zoom in and compact. Buttons big, text big, you can't even see the picture. The banner is to big.

While this is our website on the desktop: 

Could any please help me fix this. I feel like this is dragning down the overall experience for phone users.

buyswedishcandy.com

[GreatestCandy]

I tried changing the banner size but no sucess. almost worse now. The thing is i want the whole picture to be visible and a small text on the side, just like i have it on the desktop but for the phone

[GTLOfficial]

Hello @GreatestCandy 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

@media screen and (max-width: 749px) {
.media > img {
object-fit: fill;
}
.banner__heading.inline-richtext.h0 {
font-size: 2rem !important;
}
.button.button--primary {
width: 22rem !important;
min-height: 3rem !important;
top: 15rem !important;
left: 7rem !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[GreatestCandy]

May I ask why it's not possible to have a picture like everyone else that doesn't look like dodo? There is no else that has this problem it seems like.

The solution is stretched. What should i do to get like everyone else have. So the same picture shows up as on the desktop.

Maybe you have to have 1 picture for just the phone? 

This doesn't look good