.inner-shadow{box-shadow:inset 7px 10px 36px 0px rgba(200,0,0,0.47)}.flip-container{perspective:1000px;border:1px solid red;width:100%;height:100%}.flipper{display:inline-block;width:10%;height:auto;aspect-ratio:1/1}.flipper.hover,.flipper:hover{transform:rotateY(180deg)}.flip-container,.front{background-color:red}.back,.flip-container{background-color:green}.flipper{transition:0.6s;transform-style:preserve-3d;position:relative}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg)}