patvandenbosche
Hi
This is a background image, change in the screen size will resize the image as well.
To fill the image fully you need to make it as cover size
.demo-home .section-lead {
background-image: url(../../images/landing.jpg);
background-size: cover;
}
and remove this code
.demo-home .section-lead {
padding-top:0px; }
this will be final code for your custom.css
/* reduce gray space above main image in component on frontpage */
.lead .home-logo {
margin-bottom: 16px;
}
/* use my own image for the homepage splash and control the opacity */
.demo-home .section-lead {
background-image: url('../../images/landing.jpg');}
.demo-home .section-lead:before {
background: radial-gradient(0% 20% at 20% 20%, #111126 0%, #6c6c77 25%);
opacity: 0.5;
}