Adding animation when new items added or item remove

Hello, I am facing with animation in my project. The scenerio is:

1. Slider draw some card components in slide. for example 15 cards. (Simple card components like ant-d did)
2. I have array of objects in state to hold these card contents, and create cards when slider is rendering.
3. I can add or remove cards after initial render. So I am manipulating the array in state. There is no issue with it. However, adding or removing action occur instantly, "bam". I want to add fade animation for removing card, and after fade-out finish, other cards should slide whereever they should be.

Can I do these animations with react-slick? Because react-slick calculates the position of child elements