А можно ли вопрос темы реализовать точно таким же образом но уже через GRID?
.closest('.card')
. Если вам нужен .card-main, то, самоочевидно, достаточно такого кода JS: .closest('.card > .back, .card > .front').querySelector('.card-main')
или JQ: .closest('.card > .back, .card > .front').find('.card-main:first')
.
margin: 0 auto;