span.avatar {
  display: block;
  background-image: url(/img/logo.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  transform: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

body > header > h1 {
  background-image: url(/img/logo2.png);
  background-size: 0px 0px;
}

span.avatar:hover {
  animation: anim 1300ms linear infinite 0s;
  transition-timing-function: ease-in-out;
  transform: none;
}

@keyframes anim {
  0%   { background-image: url(/img/logo.png); }
  55% { background-image: url(/img/logo2.png); }
  100%   { background-image: url(/img/logo.png); }
}

@media screen and (max-width: 800px) {
  .avatar {
    zoom: 26%;
  }
}