I create a kanban board with list of tasks. Every task is a div on a list. When I change view I change arrangement of those divs.

What I want to achieve is smooth animation of them from old position to new one. The problem is new position should be aligned with new view. For example if task is on top of list, and I arrange them to be on the bottom, the new position depends on number of items on the list.

How to do it in HTML and CSS. I add that my project is in Angular.