*{box-sizing:border-box;margin:0;padding:0}.hero{height:60vh;overflow:hidden;position:relative;width:100%}.hero__image{height:100%;object-fit:cover;object-position:center;width:100%}.hero__content{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.hero__content>h1{font-size:3rem}.hero__content:after{background-color:#fff;bottom:0;height:1px}.hero:after,.hero__content:after{content:"";left:0;position:absolute;width:100%;z-index:1}.hero:after{background:rgba(0,0,0,.5);height:100%;top:0}.hero picture{height:100%;width:100%}@media (max-width:768px){.hero{height:80vh}.hero__image{object-position:center 20%}}