.img-hover {
    transition: transform 4s cubic-bezier(.19,1,.22,1),-webkit-transform 4s cubic-bezier(.19,1,.22,1);
    transform-origin:right;
}
.img-hover:hover {
    transform: rotateY(-35deg) scale(1.15);
    transform-origin:right;
}
.img-hover.activated{
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    animation: hoverEffect 1s linear;
}
.img-hover.not-activated{
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    animation: hoverOutEffect 1s linear;
}
@keyframes hoverEffect {
    0%{
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }
    100%{
        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    }
}
@keyframes hoverOutEffect {
    0%{
        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    }
    100%{
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }
}