Nasıl bir animasyon yapılabilir - Kartlar

Merhabalar, örnekteki resimdeki gibi 1 den 100 e kadar sayıların olduğu kartlar var. Her kartın altında bir görsel var. Karta tıkladığında o sayının altındaki görsel açılıyor. Bir buton olacak kartları değiştir diye tıklayınca kartlar değişecek fakat nasıl değişeceği konusunda fikrinize ihtiyacım var.

Benim düşündüğüm: Değiştir butonu tıklayınca sayılar sabit kalacak ve arkadaki kartlar yer değiştirecek.

Başka önerisi olan var mı? js css html ile yapılacak frontend tarafı. backend için ise php

https://developer.mozilla.org/en-US/docs/Web/CSS/order inceleyebilirsiniz. Değiştir butonuna tıklandığında tüm kartları each döngüsüne alıp rastgele bir order değeri verebilirsiniz. css ile değişimin olacağı alanlara transition değeri verirseniz karışım sırasında kartların hareketleri daha güzel görünecektir.