zoom rotation on hover

<style>
#container {
display: inline-block;
margin: 20px;
overflow: visible;
}
#container img {
width: 100px;
display: block;
transition: transform .4s;
}
#container:hover img {
transform: scale(1.3) rotate(3deg);
transform-origin: 50% 50%;
}
</style>

<div id="container">
<div id="img"><img src="https://pbs.twimg.com/media/FDUL7OiaMAIlYdO?format=jpg&name=medium"></div>
</div>