Resize /left justify banner image on specific pages

Site URL: https://www.abrabeauty.dk/eyelash-extensions

I'm sure there is a line of code that could do just this but being a css noob it has been a bit difficult.

The banner image on laptop for this site works great but it is a bit pointless on mobile, is it possible to either force resize the image/left justify it so it should the portion of the image that makes sense?

So many thanks

Add to Home > Design > Custom CSS

/* resize mobile banner */
@media screen and (max-width:767px) {
body#collection-5f636befef0cc164bf3237af #page section:first-child {
    min-height: unset !important;
    height: 40vh;
}
}