Попытка перевернуть визитную карточку, я разработал спереди к спине. Но это не работает ⇐ CSS

[Anonymous]

Я создал визитную карточку, как спереди, так и сзади. В моем редакторе они появляются один на другой (передняя и задняя сторона). Может быть, это не правильный способ настроить это. Но большая проблема в том, что когда я нажимаю на значок Flip, ничего не происходит. Не уверен, где я сделал неправильно. Codepen здесь: [https://codepen.io/wordnerdguy/pen/vywzpxe^
Я использовал Ask Copilot для предложений, но не очень удачи. Когда я нажимаю на значок FLIP в нижнем правом углу, я ожидал, что карта перевернет и отобразит информацию на задней части визитной карточки. Но ничего не происходит, когда я нажимаю на значок. По общему признанию, я очень новичок в JavaScript, но также, HTML стал сложным (для меня), и трудно узнать, где разместить то, что теги.

Подробнее здесь: https://stackoverflow.com/questions/794 ... -not-worki