I am using your Vitality template and duplicated the style page to create a homepage with a full screen header image on the home page. It looks fabulous on desktops, tablets and landscape phones. On portrait phones, however, the image is too wide so that only a portion fits. To try to fix this, I pasted the following code into the Phone (Portrait) Custom CSS field in the Responsive Options tab:

.vegas-slide-inner {
height: 300px;
background-size: 150% auto !important;
}

The image was tiny at 100% so I increased it to 150% to make the image wider. This left a lot of space above and below the image. The height line eliminated a lot of white space above the image, but a large amount of white space still exists below the image (see screenshot). Is there a way to fix this and/or a better way to address the issue of displaying the image in the Phone (Portrait) mode? Thank you!

Steven