How to keep separate transitions in separate CSS classes from overriding each other?

Question

I have one CSS class that does handles rotational animation:

  .rotation {
    transition-property: transform;
    transition-duration: 0.4s;
    transition-d