Change alignment of header image on mobile

My website www.littlebattersea.co.nz is now live.

On desktop, the header image is great, but on mobile I'd like to change the alignment so more coffee is visible, less arm, so essentially right aligning the image.

Can someone suggest code for this please?

You can add this code to Design > Custom CSS

/* Mobile Resize Banner */
@media screen and (max-width:767px) {
[data-section-id="6491424949e8281da1136513"] {
    min-height: unset !important;
    height: 30vh;
}
}

That's not quite what i was looking for. I still want the height of the header to be the same, just the image aligned to the right so i can see more of the coffee.

thanks so much, that's perfect !