.card{aspect-ratio:4/3;backface-visibility:hidden;border:1px solid #bfbfbf;border-radius:1em;place-items:center;width:10rem;padding:1em;transition-timing-function:ease-in;display:grid}.card img{max-width:100%;height:auto}.card.front{transform:rotateY(0)}.card.front.flipped{transition:transform 1s;transform:rotateY(180deg)}.card.back{transform:rotateY(-180deg)}.card.back.flipped{transition:transform 1s;transform:rotateY(0)}body{place-items:center;min-height:100dvh;display:grid}.cardholder{perspective:500px;margin-bottom:1em;display:grid}.cardholder>*{grid-area:1/1/2/2}.navigation{justify-content:space-between;display:flex}