#comapss-logo-container {
  position: relative;
  animation: half-spin 4s infinite;
}

#comapss-logo-container:hover {
  animation: spin 0.5s linear infinite;
}

@keyframes half-spin {
  0% {
    transform: rotate(-45deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: ease-in-out;
  }

  50% {
    transform: rotate(45deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: ease-in-out;
  }

  100% {
    transform: rotate(-45deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: ease-out;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}