.hero{background-size:cover;background-position:center;display:flex;align-items:center;justify-content:left;position:relative;overflow:hidden;height:440px;padding-top:80px;padding-bottom:40px;position:relative}.colorbar{position:absolute;bottom:0;left:0;height:28%;width:auto;max-height:180px}.hero>*{z-index:100}.hero-image::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(120deg,#000,#000);opacity:.33}