Banner image Dawn Theme cut image

[ChicoTerry]

Hello! I hope you are feeling well
Is there any way to change the code so that when the screen resolution changes, the image does not get cut off? That is to say, that the image remains static and is growing or decreasing its size as a whole.
When I activate the option “Adapt section height to first image size” the effect I want to achieve happens but when I switch to the mobile size, the image height looks very small.

Store: https://wolfcraft-chile.myshopify.com/
Pass: sewwhe

I hope you can help me. Best regards!

[Ujjaval]

@ChicoTerry
If you want to keep image with the bigger height then upload image below one

[GemPages]

Hello @ChicoTerry

It’s GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store → Theme → Edit code
2. Open your theme.liquid theme file
3. Paste below code before :

Besides, your photo is quite short in height, you should upload another photo with a higher height:

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[ChicoTerry]

Hello @GemPages

Thank you for your response.

If I upload an image with a higher height, it will also grow in the desktop view. I need to keep the image height in the desktop view but in the mobile view I want it to have a higher height than the current one.

Like this.

But without affecting the height of the desktop view. Is this possible?