Card Stagger Animations

Typically in our projects we add stagger animations to all cards.

Animation is added to an individual card wrapper element as such:

<!-- prettier-ignore -->
<div 
    data-aos="cards-fade-in-up" 
    data-aos-offset="0" 
    data-aos-duration="1000" 
    data-aos-delay="{{ loop.index }}00"
>
    [card code here]
</div>