JSFiddle - React, Tailwind, and code Playground

HTML

<div class="schraeg">
    <img src="http://upload.wikimedia.org/wikipedia/commons/e/e1/Wikiproject_test_card.png" width="100" height="100" />
    <img src="http://upload.wikimedia.org/wikipedia/commons/e/e1/Wikiproject_test_card.png" width="100" height="100" />
    <img src="http://upload.wikimedia.org/wikipedia/commons/e/e1/Wikiproject_test_card.png" width="100" height="100" />
</div>

CSS

.schraeg {
    margin: 20px;
    overflow: hidden;
}

.schraeg img {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transition: transform 1s;
    transition: transform 1s;
}
.schraeg img:hover {
    z-index: 2;
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}