Mobile Banner Issue on Foster Template

Site URL: http://www.jmiliphoto.com

I am currently using the Foster template under the brine family.  I have tried a few different things trying to manipulate my banner image to appear as the whole image instead of just a small portion of it (see screenshot). What are my options to make this happen?

jmiliphoto.com

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.homepage .Parallax-item:first-child img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
    top: 0 !important;
}
section#ventura-photographer-jessica-militello {
    height: 170px !important;
}
}