I want to apply css animation on image only twice on mouseover

```
@keyframes vibrate
{
  0%   {transform: rotate(10deg)}
  25%  {transform: rotate(-10deg)}
  50%  {transform: rotate(0)}
  75%  {transform: rotate(10deg)}
  100% {transform: rotate(0)}
}

```

But nothing seems to work. See [DEMO](https://jsfiddle.net/ju4cuzqL/)