@keyframes myAnimation1 {
    0% { left: 7%; top: 21.5%; transform: rotate(260deg); }
    30% { left: 48%; top: 8.5%; transform: rotate(260deg); }
    31% { left: 48.1%; top: 7.5%; transform: rotate(260deg); }
    38% { left: 48.2%; top: 9.5%; transform: rotate(440deg); }
    46% { left: 44.8%; top: 13.5%; transform: rotate(358deg); }
    54% { left: 44.9%; top: 24.5%; transform: rotate(358deg); }
    65% { left: 48.8%; top: 28.4%; transform: rotate(273deg); }
    76% { left: 52.2%; top: 32.4%; transform: rotate(357deg); }
    84% { left: 1010px; top: 479px; transform: rotate(357deg); }
    92% { left: 1070px; top: 519px; transform: rotate(270deg); }
    100% { left: 1145px; top: 539px; transform: rotate(270deg); }
}
.car-animating-route-1 {
  animation: myAnimation1 10s linear forwards;
  position: absolute !important;
}

@keyframes myAnimation2 {
    0% { left: 171px; top: 932px; transform: rotate(270deg); }
    21% { left: 851px; top:916px; transform: rotate(270deg); }
    26% { left: 881px; top: 850px; transform: rotate(178deg); }
    41% { left: 869px; top: 650px; transform: rotate(178deg); }
    53% { left: 875px; top: 650px; transform: rotate(358deg); }
    59% { left: 925px; top: 686px; transform: rotate(268deg); }
    65% { left: 984px; top: 686px; transform: rotate(268deg); }
    72% { left: 1016px; top: 626px; transform: rotate(176deg); }
    82% { left: 1017px; top: 566px; transform: rotate(176deg); }
    88% { left: 1070px; top: 519px; transform: rotate(270deg); }
    100% { left: 1145px; top: 539px; transform: rotate(270deg); }    
}
.car-animating-route-2 {
  animation: myAnimation2 10s linear forwards;
  position: absolute !important;
  transform: translate(-50%, -50%);
}

@keyframes myAnimation3 {
    0% { left: 1589px; top: 1120px; transform: rotate(188deg); }
    13% { left: 1600px; top: 1020px; transform: rotate(188deg); }
    26% { left: 1580px; top: 940px; transform: rotate(152deg); }
    38% { left: 1555px; top: 870px; transform: rotate(167deg); }
    50% { left: 1516px; top: 820px; transform: rotate(87deg); }
    63% { left: 1476px; top: 768px; transform: rotate(172deg); }
    81% { left: 1443px; top: 568px; transform: rotate(171deg); }
    100% { left: 1379px; top: 535px; transform: rotate(89deg); }
}

.car-animating-route-3 {
  animation: myAnimation3 6s linear forwards;
  position: absolute !important;
  transform: translate(-50%, -50%);
}

@keyframes myAnimation4 {
    0% { left: 1760px; top: -64px; transform: rotate(80deg); }
    18% { left: 1500px; top: -3px; transform: rotate(80deg); }
    27% { left: 1448px; top: 67px; transform: rotate(8deg); }
    41% { left: 1435px; top: 137px; transform: rotate(8deg); }
    50% { left: 1419px; top: 167px; transform: rotate(66deg); }
    59% { left: 1399px; top: 207px; transform: rotate(12deg); }
    68% { left: 1400px; top: 267px; transform: rotate(-7deg); }
    86% { left: 1431px; top: 487px; transform: rotate(-7deg); }
    100% { left: 1379px; top: 535px; transform: rotate(89deg); }
}
.car-animating-route-4 {
  animation: myAnimation4 6s linear forwards;
  position: absolute !important;
  transform: translate(-50%, -50%);
}