.bookContainer{perspective:1800px;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;overflow:visible}.book{transform-style:preserve-3d;cursor:pointer;position:relative}.front,.back{transform-origin:0;backface-visibility:visible;visibility:visible;background:#dc103c 50%/cover no-repeat;border-top-right-radius:10px;border-bottom-right-radius:10px;width:300px;height:300px;transition:transform .5s ease-in-out,box-shadow .35s ease-in-out;position:absolute;top:0;left:0;overflow:hidden;transform:rotateY(0)}.page{transform-origin:0;backface-visibility:visible;visibility:hidden;background:#efefef linear-gradient(90deg,#000,#0000 70%);border-top-right-radius:10px;border-bottom-right-radius:10px;width:300px;height:300px;transition:transform .5s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}.book.flipped .page:nth-child(n+4){visibility:hidden}.book.flipped{transition:transform .25s;transform:translate(50%)}