@media screen and (min-width: 1024px) {
    .lkFlipBoxes {
        grid-auto-rows: 1fr;
    }

    .lkFlipContentBox, .lkFlipContentBox > div, .back {
        height: 100%;
    }

    .front {
        display: unset;
    }

    .front, .back {
        transition: transform .5s linear;
        -webkit-perspective: 0;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        visibility:visible;
        backface-visibility: hidden;
    }

    .back {
        transform:rotateY(180deg);
    }

    .lkFlipBox:hover {
        transform: scale(1.05);
        transition: transform 0.25s linear;
    }
}