How to make a flex-box container smoothly resize when items are not rendered?

Question

I want to create a transition for an auto height in a flex-box container. I have a user bar with name, points, status and alert.

The alert message sometimes is render