.progress-ring {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.progress-ring__svg {
  transform: rotate(-90deg);
}

.progress-ring__circle {
  transition: stroke-dashoffset 0.35s;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  stroke-dasharray: 339.292; /* 2πr met r=54 */
  stroke-dashoffset: 339.292;
}

.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: bold;
}

.voorgrond {
  position: relative;
  z-index: 999; /* Zorgt ervoor dat dit element boven andere komt */
}