All solutions

Had to google for a css animation solution since the display property overtakes any transform properties for transitions.

I had an issue with my .card-image-container CSS class. The card border-radius of the .card-image-container would show above the .card-main. I couldn't find a solution for this so I just set the border-bottom-right-radius and border-bottom-left-radius to 100% on the .card-image-container. It seems kind of hacky but it works.