Banner resizing for mobile

Site URL: https://marcogrady.com

Hello,

I am using the "Mojave" template and can't figure out how to resize banner images on mobile.  The banner images are all cropped on mobile.  Here is my site: https://marcogrady.com/

Can you help with custom CSS?

Thanks,
Marc

Are you referring to the header or the picture of the house? If the header, something like this should work:

.Mobile-bar.Mobile-bar--top {
   height: 600px;
}

Oh I guess you mean how the house isn't taking up the whole space when its on mobile because the image of the house is resizing?

This probably isn't quite right, but may give you a starting place:

.Parallax-host>.Parallax-item:first-child img {
	width: auto !important;
	height: 100% !important;
}

You will probably also need to resize the container its in similarly