<div class="carro">   
   </div>
          <div class="pneu">
             <div class="esquerda"></div>
             <div class="direito"></div>
           </div> 
  <div class="pista-down">  
  </div>

body{
  margin-top:25%;
  
  .direito {
      background: transparent url('https://image.flaticon.com/icons/svg/1505/1505708.svg');
   background-size:45px;
   width: 45px;
   height: 45px;
   border-radius: 50%;
   margin-left:122px;/*afastar o pneu*/
   float:left;
}
  .esquerda {
    background: transparent url('https://image.flaticon.com/icons/svg/1505/1505708.svg');
   background-size:45px;
   width: 45px;
   height: 45px;
   border-radius: 50%;
   float:left;/*deixa na mesma linha os pneus*/
    margin-left:51px;
}
  &:hover {
    .esquerda{
      animation: rotate 3s linear infinite;
    } 
    .direito{
     animation: rotate 3s linear infinite;}
  }

  

.carro{
  width:300px;
  height:200px;
  background: transparent url(
'https://images.vexels.com/media/users/3/155352/isolated/lists/dbb8d1d79c671244a595f04c51632049-silhueta-de-vista-lateral-do-carro-sedan.png');
 background-size:300px;
 
}
  
  .pista-down{
     background:grey;
    width: 600px;
   height: 10px;
    
  }

.pneu{
   margin-top:-45px;
   position: absolute;
  
 
}


@keyframes rotate {
				from {
					transform: rotate(0deg);
				}

				to {
					transform: rotate(359deg);
				}
			}

}