.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;clip-path:circle(200vh at 50% -100vh);clip-path:circle(200svh at 50% -100svh);height:100vh;height:100svh;min-height:100svh;position:relative}@media only screen and (min-width:1024px){.hero{background-attachment:fixed}}.hero:after{background-color:#000;content:"";inset:0;opacity:.3;position:absolute;z-index:-1}