.crosswalk-image{--focus-left:43%;--focus-width:17%;isolation:isolate}
.crosswalk-image img{position:relative;z-index:0;filter:grayscale(1) contrast(1.12) blur(3px)}
.crosswalk-image::before{content:"";position:absolute;z-index:1;inset:0;background:url('public/assets/tempo-crosswalk.png') center/cover no-repeat;filter:grayscale(1) contrast(1.12);clip-path:inset(0 calc(100% - var(--focus-left) - var(--focus-width)) 0 var(--focus-left));pointer-events:none}
.crosswalk-image span{z-index:2;left:15%;will-change:transform}
.crosswalk-image::before{will-change:clip-path}
@media(max-width:720px){.crosswalk-image{--focus-width:19%}}
@media(prefers-reduced-motion:reduce){.crosswalk-image img{filter:grayscale(1) contrast(1.12)}.crosswalk-image::before{display:none}}