@-webkit-keyframes rotatingAnimationX{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@keyframes rotatingAnimationX{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes rotatingAnimationY{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes rotatingAnimationY{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes rotatingAnimationZ{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotatingAnimationZ{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.container{width:100vw;height:75vh;overflow:hidden;-webkit-perspective:1200px;perspective:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container>div{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.boockup{-webkit-transform:rotateX(9deg) rotateY(68deg) rotateZ(0deg);transform:rotateX(9deg) rotateY(68deg) rotateZ(0deg)}.book-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:14s rotatingAnimationY ease infinite;animation:14s rotatingAnimationY ease infinite}.book-container>div{position:absolute;top:0;left:0;background-size:cover;background-position:center center;-webkit-backface-visibility:visible;backface-visibility:visible}.book-top,.book-bottom,.book-side-right{background-size:auto auto;background-repeat:repeat;background-position:top left}.book-front{background-image:url('https://juicygray.com/wp-content/uploads/2022/06/book-cover.png');width:380px;height:520px;-webkit-transform:translate3d(-190px,-260px,4px) translate3d(0,0,0) rotateY(0deg);transform:translate3d(-190px,-260px,4px) translate3d(0,0,0) rotateY(0deg)}.book-side-left{background-image:url('https://juicygray.com/wp-content/uploads/2022/06/book-spine.png');width:8px;height:520px;-webkit-transform:translate3d(-190px,-260px,4px) translate3d(-4px,0,-4px) rotateY(-90deg);transform:translate3d(-190px,-260px,4px) translate3d(-4px,0,-4px) rotateY(-90deg)}.book-side-right{background-image:url('https://juicygray.com/wp-content/uploads/2022/06/book-side.jpg');width:8px;height:520px;-webkit-transform:translate3d(-190px,-260px,4px) translate3d(376px,0px,-4px) rotateY(90deg);transform:translate3d(-190px,-260px,4px) translate3d(376px,0px,-4px) rotateY(90deg)}.book-top{background-image:url('https://juicygray.com/wp-content/uploads/2022/06/book-top.jpg');background-position:bottom right;width:380px;height:8px;-webkit-transform:translate3d(-190px,-260px,4px) translate3d(0px,-4px,-4px) rotateX(90deg);transform:translate3d(-190px,-260px,4px) translate3d(0px,-4px,-4px) rotateX(90deg)}.book-bottom{background-image:url('https://juicygray.com/wp-content/uploads/2022/06/book-top.jpg');width:380px;height:8px;-webkit-transform:translate3d(-190px,-260px,4px) translate3d(0px,516px,-4px) rotateX(-90deg);transform:translate3d(-190px,-260px,4px) translate3d(0px,516px,-4px) rotateX(-90deg)}.book-back{background-image:url('https://juicygray.com/wp-content/uploads/2022/06/book-back.png');width:380px;height:520px;-webkit-transform:translate3d(-190px,-260px,4px) translate3d(0,0,-8px) rotateY(180deg);transform:translate3d(-190px,-260px,4px) translate3d(0,0,-8px) rotateY(180deg)}