JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://placehold.it/350x150" alt="Forum" class="page-logo">

CSS

.page-logo {
}

.page-logo:hover {
  animation: pageLogo .5s ease-in-out;
}

@keyframes pageLogo {
  from { transform: scale(1) rotate(4deg); }
  25% { transform: scale(1.05) rotate(-4deg); }
  50% { transform: scale(1.1) rotate(4deg); }
  75% { transform: scale(1.15) rotate(-4deg); }
  to { transform: scale(1) rotate(0); }
}