Как сделать чтобы при прокрутке, скролинге элементы появлялись в одной точке потом «расходились» по местам?

Дано набор карточек с товарами, нужно чтобы они появлялись внизу посредине экрана в виде "колоды" при прокрутке вниз они "разлаживаются" по адаптивной бутстраповской сетке, при прокрутке вверх они должны собираться обратно.
Посмотрел плагины для скролинга, но там либо простая анимация на точку при прокрутке вниз( WOW.js и AOS) либо нужны танцы с бубном как в этом примере ScrollMagic

Есть ли какие-то другие альтернативы или варианты реализации этого?