.car-pass {
  position: fixed;
  z-index: 90;
  left: 0;
  bottom: clamp(54px, 9vh, 110px);
  width: clamp(620px, 62vw, 1180px);
  pointer-events: none;
  will-change: transform, opacity;
  transform: translate3d(calc(100vw + 110%), 0, 0);
  opacity: 0;
  filter: drop-shadow(0 18px 20px rgba(0, 0, 0, .42));
  animation: car-pass-across 1.35s cubic-bezier(.18, .62, .34, 1) .28s 1 both;
}

.car-pass img {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes car-pass-across {
  0% { transform: translate3d(calc(100vw + 110%), 0, 0); opacity: 0; }
  8% { opacity: 1; }
  82% { opacity: 1; }
  100% { transform: translate3d(-115%, 0, 0); opacity: 0; }
}

@media (max-width: 600px) {
  .car-pass {
    width: clamp(420px, 120vw, 560px);
    bottom: 78px;
    animation-duration: 1.15s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .car-pass { display: none !important; }
}