.hero{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px;position:relative;width:100%}.hero__title{color:#fff;font-size:50px;font-weight:300;letter-spacing:2px;max-width:50%;position:relative;text-align:center;z-index:3}@media screen and (max-width:600px){.hero__title{max-width:100%}}.hero__image{-o-object-fit:cover;object-fit:cover;z-index:1}.hero:after,.hero__image{height:100%;left:0;position:absolute;top:0;width:100%}.hero:after{background-color:#0000004d;content:"";z-index:2}