.hero{position:relative;width:100%;height:400px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:32px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}