.hero::before{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.96) 46%,rgba(255,255,255,.68) 58%,rgba(255,255,255,.18) 76%,transparent 100%);content:""}.hero>div{z-index:2!important}@media(max-width:700px){.hero::before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.94) 45%,rgba(255,255,255,.35) 73%,transparent 100%)}}