How to check when element moves from one class to another

Im have trouble figuring out an issue. Im testing a betting website. Within this website there are different games. When a user logs into the site and there is a game the havent joined its an "Available Game". When the user joins this game its an "Active Game" and when its over its in the "Game History". Each of these states have a different class: Available = card_7m62gg, Active = card_5pbdh7, History = card_5pbdh8

So when a user joins a game with an id 5b3a0ac14887fb004a847462 the game moves from card_7m62gg to card_5pbdh7. How could i test that this movement is occurring. Ive attached a screenshot of the html.