How to change image size only on mobile - Dawn theme?

[Allunix]

Hello, we are about to open a fashion brand store and the coming soon page doesn't look fine on mobile devices. 
We tried to use codes from similar questions, but nothing worked. The problem is with the image size and how it looks on different devices.

We would be grateful if somebody gives us the right code and where to put it.

Here is a link to the store:
www.allunix.eu

And images for what I am talking about:

[suyash1]

@Allunix - it is looking fine on  mobile view as well as actual mobile

[PageFly-Victor]

Hi @Allunix 

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file -> save.

small.password__footer-caption.password__footer-text, small.password__footer-login.password__footer-text {

    display: none;

}

.password__footer.color-background-2.gradient {

    padding-top: 0;

}

Hope that my solution works for you.

Best regards,

PageFly

[Allunix]

Hey, @PageFly-Victor 

Thank you for the fast reply.

I just tried the code, but unfortunately it didn't work. The image stays the same, it's still cut on the sides compared to the full view of it on desktop.

[ExpertRookie · Accepted solution]

Hi @Allunix 
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

@media(max-width: 749px){
.password-main .banner__media{
max-height: 56vw;
}
}

[Allunix]

Hey, @ExpertRookie 

Luckily, this time it all worked. We have the result that we were looking for. 
Thank you for everything. ❤️