.flip-box{background-color:transparent;width:100%;height:400px;perspective:1000px;cursor:pointer}.flip-box-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s;transform-style:preserve-3d}.flip-box.flipped .flip-box-inner{transform:rotateY(180deg)}.flip-box-front,.flip-box-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all 0.3s ease}.flip-box-back{justify-content:center;transform:rotateY(180deg)}.flip-box-inner{box-shadow:rgba(0,0,0,0.15) 2px 4px 2px;border-radius:8px}