#root{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.content{margin-top:32px;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.card{width:100%;padding-top:100%;position:relative;perspective:1000px;transform-style:preserve-3d}img{width:100%}.front_face,.back_face{position:absolute;top:0;left:0;backface-visibility:hidden}.flip{transform:rotateY(180deg)}.fadeImage{opacity:0}.pointer-events-none{pointer-events:none}.front_face{transform:rotateY(180deg);transition:opacity .5s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}