JS: Как заставить несколько карточек переворачивать на сайте?

Question

Привет, я нашел эту анимацию переворота карты https://codepen.io/desandro/pen/LmWozd и решил стилизовать ее для своего веб-сайта. Я собираюсь получить пачку этих карточек (по одной на каждую букву алфавита). Однако сейчас код не работает более чем с одной картой. Я не слишком хорошо знаком с JavaScript, поэтому не могу понять, почему этот код не работает. Я пробовал несколько методов, которые нашел в Интернете, но ни один из них, похоже, тоже не работает, но они также не применимы к переворачиванию карт, поэтому я думаю, что это может быть частью проблемы. Любая помощь приветствуется!

Вот мой код:

Answer 1

Используйте и петлю. querySelector возвращает первый элемент в иерархическом порядке. querySelectorAll возвращает массив выбранных элементов