.hero{min-height:15vh;background:#000 url(https://image.freepik.com/free-vector/gradient-geometric-shape-background_78532-307.jpg) center center no-repeat;background-size:cover;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)}.hero-content{position:relative;bottom:0px;color:#fff;width:100%}