.hero-image{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 10%,rgba(0,0,0,.7) 25%,rgba(0,0,0,1) 35%);mask-image:linear-gradient(to right,#0000,#0003 10%,#000000b3 25%,#000 35%);-webkit-mask-size:cover;mask-size:cover}