Как плавно завершить анимацию?

header {
  height: 1000px;
  background-color: green;
  text-transform: uppercase;
}
footer {
  height: 600px;
  background-color: blue;
}
.wheel {
  width: 250px;
  height: 250px;
  position: relative;
  left: -250px;
  
}
.wheel.active-left {
  left: calc(50% - 125px);
  transition: all 3s ease-out;
  transform: rotate(600deg);
}