.imagint-floating-element {
  display: inline-block;
  will-change: transform;
  animation-name: imagint-float;
  animation-duration: var(--float-speed, 5s);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes imagint-float {
  0% {
    transform: translate(var(--float-x-start, 0px), var(--float-y-start, 0px));
  }
  50% {
    transform: translate(var(--float-x-end, 0px), var(--float-y-end, 0px));
  }
  100% {
    transform: translate(var(--float-x-start, 0px), var(--float-y-start, 0px));
  }
}

/* Hover-only support */
.imagint-floating-element.hover-only {
  animation-play-state: paused;
}

.imagint-floating-element.hover-only:hover {
  animation-play-state: running;
}