.rotating-box{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.rotating-box .wrapper{height:400px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-130px);-moz-transform:translateZ(-130px);transform:translateZ(-130px);-webkit-transition:-webkit-transform 350ms;-moz-transition:-moz-transform 350ms;transition:transform 350ms}.rotating-box .wrapper:hover{-webkit-transform:rotateY(-78deg) translateZ(20px);-moz-transform:rotateY(-78deg) translateZ(20px);transform:rotateY(-78deg) translateZ(20px)}.rotating-box .wrapper .poster,.rotating-box .wrapper .info{position:absolute;display:flex;flex-direction:column;justify-content:center;width:260px;height:400px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.rotating-box .wrapper .poster{-webkit-transform:translateZ(130px);-moz-transform:translateZ(130px);transform:translateZ(130px)}.rotating-box .wrapper:hover .poster{box-shadow:inset 300px 0px 40px rgba(255,255,255,80%)}.rotating-box .wrapper .info{-webkit-transform:rotateY(90deg) translateZ(130px);-moz-transform:rotateY(90deg) translateZ(130px);transform:rotateY(90deg) translateZ(130px);border:1px solid #b8b5b5}.rotating-box .wrapper::after{content:"";width:260px;height:260px;position:absolute;bottom:0;box-shadow:0 30px 50px rgba(0,0,0,30%);-moz-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotateX(90deg) translateY(130px);-moz-transform:rotateX(90deg) translateY(130px);transform:rotateX(90deg) translateY(130px);-webkit-transition:box-shadow 350ms;-moz-transition:box-shadow 350ms;transition:box-shadow 350ms}.rotating-box .wrapper:hover::after{box-shadow:20px -5px 50px rgba(0,0,0,30%)}