[CSS] have two little guys float around on your pfp

Feel free to comment if you used!

<style>
.general-about .profile-pic {
  position: relative;
  overflow: visible;
}

.general-about .profile-pic::before,
.general-about .profile-pic::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 120px; height: 120px;
  margin: -60px 0 0 -60px;
  pointer-events: none;
  background: url('https://cdn.cdnstep.com/SFTZfJDMwLwpGyEHkmN4/0-1.thumb128.png') no-repeat;
  background-size: 20px 20px;
  border-radius: 50%;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.general-about .profile-pic::before {
  animation: spinClockwise 20s linear infinite;
  opacity: 0.8;
  background-position:
    0 50%,
    25% 90%,
    50% 100%,
    75% 90%,
    100% 50%,
    75% 10%;
}

.general-about .profile-pic::after {
  animation: spinCounterClockwise 35s linear infinite;
  opacity: 0.6;
  background-position:
    12.5% 75%,
    37.5% 95%,
    62.5% 95%,
    87.5% 75%,
    62.5% 25%,
    37.5% 25%;
}

@keyframes spinClockwise {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes spinCounterClockwise {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}
</style>