#book {

    width:100%;

    overflow:hidden;

    display:flex;

    justify-content:center;

    align-items:center;

}


.notebook {

    position:relative;

    perspective:2000px;

}


.notebook-page {

    position:absolute;

    inset:0;

    background:white;

    transform-origin:left center;

    transform-style:preserve-3d;

    transition:
        transform 1s cubic-bezier(
            .4,
            0,
            .2,
            1
        );

    box-shadow:
        0 10px 30px rgba(
            0,
            0,
            0,
            .15
        );

}


.notebook-page img {

    width:100%;

    height:100%;

    object-fit:contain;

}


.notebook-page.turn {

    transform:
        rotateY(-180deg);

}