@media only screen and (min-width: 1200px) and (min-height: 650px) {

    .book-card {
        width: 100%;
        max-width: 900px;
        height: 500px;
        /* border: 1px solid #f1f1f1; */
        perspective: 2000px;
        display: block;
        margin: auto;
    }
    .book-card:hover { cursor: pointer; }
    .card-shadow {
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.199);
    }
    .book-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 50%;
    }
    
    .inside-2 {
        background-color: white;
        grid-column: 2;
        grid-row: 1;
        border-radius: 0 20px 20px 0;
    }
    .inside-1 {
        grid-column: 1;
        background-color: white;
        transform: rotateY(180deg);
        transition: transform 1.5s;
        transform-origin: right;
        border-radius: 20px 0 0 20px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    #book-card-cover {
        grid-column: 2;
        grid-row: 1;
        background-color: white;
        transition: transform 1.5s;
        transform-origin: left;
        border-radius: 0 20px 20px 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .inside-1 img { float: right}
    #page-1-img, #page-2-img, #page-3-img {
        max-width: calc(100% - 20px);
        max-height: 90vh;
    }
}