So I want to loop through elements with a class and then loop the individual element and gradually decrease the "left" css property.

```js
let move = document.getElementsByClassName("move");
for (var i = 0; i < move.length; i++) {
  const left = move[i].getBoundingClientRect().left;
  const elementId = move[i].id;
  for (let j = left; j > -20; j--) {
    document.getElementById(elementId).style.left = j + "%";
    await new Promise(resolve => setTimeout(resolve, 20));
  }
}
```

However, I'm using "await" to delay so that it moves slowly and doesn't zip across the screen. I want it so that all the elements have their CSS left property decrease at the **same** time. But instead, because of the await, the first element increases its left property and when its left property reaches the end, only then the next element goes. Please advise