@media (min-width:769px) {
    .flip-right, .flip-left {
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        perspective: 600px;
    }

    .flip-right {
        transform: perspective(600px) rotateY(-20deg);
        -webkit-transform: perspective(600px) rotateY(-20deg);
    }

    .flip-right:hover {
        transform: perspective(600px) rotateY(-10deg);
        -webkit-transform: perspective(600px) rotateY(-10deg);
    }

    .flip-left {
        transform: perspective(600px) rotateY(20deg);
        -webkit-transform: perspective(600px) rotateY(20deg);
    }

    .flip-left:hover {
        transform: perspective(600px) rotateY(10deg);
        -webkit-transform: perspective(600px) rotateY(10deg);
    }

}