Как сохранить положение элементов в фоновом изображении при изменении размера

Question

Это мой код html и css DEMO

Я пытался заставить все элементы оставаться на заднем плане, когда я изменяю размер, но каждый элемент хаос, когда я изменяю размер, это мой код:

#container {
    width: 100%;
}
* {padding: 0; margin: 0; overflow-x: hidden;}

img.road {
  width: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0%;
}

img.ppl {
  width: 3.6%;
  z-index: 1;
  position: absolute;
  left: 255px;
  top: 535px;
}

@keyframes moveCar {
  from {left: -100%;}
  to   {left: 100%;}
}

кто-нибудь может помочь? очень ценю спасибо