.book-container{display:flex;align-items:left;justify-content:left;perspective:1200px;margin-left:6px;max-width:fit-content}.book{width:300px;height:450px;position:relative;transform-style:preserve-3d;transform:rotateY(0);transition:.5s ease}.book:hover{transform:rotateY(-30deg);transform-style:preserve-3d}.book>:first-child{position:absolute;top:0;left:0;width:300px;height:450px;transform:translateZ(25px);transform-style:preserve-3d;background-color:gray;border-radius:5px;box-shadow:1px 1px 2px #0000001a}.book:after{position:absolute;top:0;left:0;content:" ";width:300px;height:450px;transform:translateZ(-25px);transform-style:preserve-3d;background-color:gray;border-radius:5px;box-shadow:-2px 2px 50px 2px #0003}.book:before{position:absolute;content:" ";left:0;top:3px;width:48px;height:444px;transform:translate(272px) rotateY(90deg);transform-style:preserve-3d;background:linear-gradient(90deg,#fff 0%,#ddd 5%,#fff 10%,#ddd 15%,#fff 20%,#ddd 25%,#fff 30%,#ddd 35%,#fff 40%,#ddd 45%,#fff 50%,#ddd 55%,#fff 60%,#ddd 65%,#fff 70%,#ddd 75%,#fff 80%,#ddd 85%,#fff 90%,#ddd 95%,#fff 100%)}