.graphic {
  position: relative;
  display: grid;
  /* padding-top: 10rem; */
  grid-template-columns: 1fr 65%;
}

.graphic-man {
  width: 100%;
  grid-column-start: 2;
  z-index: 1;
}

.absolute {
  position: absolute;
}

.graphic-circles {
  height: 100%;
  aspect-ratio: 1 / 1;
}

.graphic-circles img {
  width: 100%;
  height: 90%;
}

.graphic-energy {
  animation: turn1 20s linear infinite;
}

.graphic-circle-2 {
  animation: turn1 60s linear infinite;
}

.graphic-circle-1 {
  animation: turn2 60s linear infinite;
}

@keyframes turn1 {
  to {
    transform: rotate(1turn);
  }
}

@keyframes turn2 {
  to {
    transform: rotate(-1turn);
  }
}