.circle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.progress-ring__background {
  fill: none;
  stroke-width: 30;
}

.progress-ring__progress {
  fill: none;
  stroke-width: 30;
  stroke-linecap: round;
  stroke-dasharray: 565;
  stroke-dashoffset: 565;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 2s ease-out;
}