.hero::before{
 transform:translateX(-3vw) scale(.7);
 transform-origin:right center;
 background-repeat:no-repeat;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 2%,rgba(0,0,0,.08) 6%,rgba(0,0,0,.3) 11%,rgba(0,0,0,.65) 17%,#000 25%,#000 76%,rgba(0,0,0,.88) 82%,rgba(0,0,0,.55) 89%,rgba(0,0,0,.16) 95%,transparent 99%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.05) 4%,rgba(0,0,0,.25) 9%,rgba(0,0,0,.65) 15%,#000 23%,#000 73%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.5) 88%,rgba(0,0,0,.12) 95%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0%,transparent 2%,rgba(0,0,0,.08) 6%,rgba(0,0,0,.3) 11%,rgba(0,0,0,.65) 17%,#000 25%,#000 76%,rgba(0,0,0,.88) 82%,rgba(0,0,0,.55) 89%,rgba(0,0,0,.16) 95%,transparent 99%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.05) 4%,rgba(0,0,0,.25) 9%,rgba(0,0,0,.65) 15%,#000 23%,#000 73%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.5) 88%,rgba(0,0,0,.12) 95%,transparent 100%);
 mask-composite:intersect;
}