How can I complete animating these divs diagonally?

Question

I have already gotten the blue and red divs to move diagonal and replace eachother. I know need the green and pink divs to do the same using a similar function to the others