How to add animation when element visibility changes?

Question

css

I change the visibility of the div by changing the class from d-none to d-flex and vice versa.
How to add (maybe even using bootstrap) an animation when changing the visibility of an element.
Thanks