.flip-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;perspective:1000px;width:100%}.card,.card-container{position:relative;width:100%}.card{padding-top:100%;transform:rotateY(0deg);transform-style:preserve-3d;transition:transform .6s}.card-container.flip .card,.card-container:hover .card{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;display:flex;height:100%;justify-content:center;padding:3.2rem;position:absolute;top:0;width:100%}.card-front{align-items:flex-start}.card-back{transform:rotateY(180deg)}.card-front p{font-size:1.8rem}.card-inner img{display:block;margin:0 auto 5rem}@media (min-width:800px){.card-container{position:relative;width:calc(50% - 1rem)}}@media (min-width:1200px){.card-container{width:calc(33.3333% - 1.3333rem)}}@media (min-width:1440px){.card-front p{font-size:2.1rem}}