This is a simple quick fix which just jazzes up your homepage without doing anything to make the load any slower, you will want to replace the background I list with your homepage image to have it mirror your image.
This minor set of custom CSS will give your page a more custom look, check out the image below of it on my site as an example.
.featured-categories-wrapper {
padding: 125px 0px 20px 0;
}
.hero-container {
width: 500px;
height: 333px;
position: relative;
background-position: bottom;
background-size: cover;
background: url(https://acabadotheme.com/wp-content/uploads/2019/08/Fast-As-Lightning.jpg);
box-shadow: 0px 50px 70px rgba(0,0,0,0.3),
0px 10px 10px rgba(0,0,0,0.1);
}
.hero-container::before {
content: "";
width: inherit;
height: 42%;
position: absolute;
bottom: -42%;
background: linear-gradient(to bottom, rgba(255,255,255,0.3),white);
z-index: 1;
}
.hero-container::after {
content: "";
background-image: inherit;
width: inherit;
height: 40%;
position: absolute;
bottom: -40%;
transform: scaleY(-1);
background-position: bottom;
background-size: cover;
opacity: 0.5;
}
Jquery within Acabado is disabled by default to maximize page speed, you can enable it with specific plugins that keep changing but include Elementor, etc.
Acabado has a Hero Image which works well for a desktop view but it is cropped and unusable in mobile view for most, this method allows you to replace the image
Running Woocommerce on Acabado is a nice way to get you a storefront that runs exceptionally fast to have a storefront like dropshipping or more!