How to make an index page banner shorter

Site URL: https://www.churchfieldhousesnorfolk.co.uk

Hi, I am using the Maple template and am wishing to insert a banner on an index page, and to be able to make the banner shorter on that particular page. As currently the banner picture takes up the whole screen. Is there any way this would be possible? 

Thanks 

Add to Home >Design > Custom CSS

@media screen and (min-width:641px) {
.homepage .Parallax-item:first-child {
    height: 50vh !important;
}
.homepage .Parallax-item:first-child figure {
    height: 100% !important;
}
}

5 hours ago, tuanphan said:

Add to Home >Design > Custom CSS

@media screen and (min-width:641px) {
.homepage .Parallax-item:first-child {
    height: 50vh !important;
}
.homepage .Parallax-item:first-child figure {
    height: 100% !important;
}
}

 

Hi, 

Thanks for your response. That works great, but only does it for the homepage. How would I edit that to not change the home page, but whatever individual page I chose? 

Thanks