.geom {
  animation: geomAnim 8s ease 0s infinite alternate forwards;
}


@keyframes geomAnim {
  0% {
    transform: rotate(-15deg);
    transform: translate(-10px, -4px);
    transform-origin: center;
  }

  100% {
    transform: rotate(8deg);
    transform: translate(10px, 4px);
    transform-origin: center;
  }
}

.spin {
  animation: spin 8s linear infinite;
}


.spin-alternate {
  animation: spin 8s linear infinite alternate forwards;
}

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

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