.hero{position:relative;background-color:#816799;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));color:#fff;background-size:cover;background-position:50%;min-height:430px;height:100%;width:100%;display:flex;flex-direction:column}.hero__wrapper{max-width:600px;position:absolute;bottom:24px;margin-left:24px}