.bg-car { position:fixed; top:54%; left:0; z-index:1; width:min(340px,70vw); pointer-events:none; opacity:.28; transform:translate3d(-48vw,-50%,0); animation:drive-in linear both; animation-timeline:scroll(root); animation-range:0% 75%; }
@keyframes drive-in { from { transform:translate3d(-48vw,-50%,0); opacity:.12; } to { transform:translate3d(calc(50vw - 170px),-50%,0); opacity:.34; } }
@media (prefers-reduced-motion:reduce) { .bg-car { animation:none; transform:translate3d(calc(50vw - 170px),-50%,0); } }