:root{
  /*--font-size-text: clamp(1.1rem, 0.7471rem + 0.9412vw, 1.5rem);*/
  --font-size-text: clamp(1rem, 0.6471rem + 0.9412vw, 1.4rem);
  --font-size-text-small: clamp(0.9rem, 0.6353rem + 0.7059vw, 1.2rem);
  --font-weight-regular: 400;
  --font-weight-black: 900;
}

.my-circle-html {
  position: absolute;
  top: 0;       /* or whatever offset you need */
  left: 95%;
  transform: translate(-50%, -86%);
  text-align: center;
}

@media (max-width: 600px) {
.my-circle-html {
  position: absolute;
  top: 0;       /* or whatever offset you need */
  left: 50%;
  transform: translate(-50%, -96%);
  text-align: center;
}
}

.my-about-circle-html {
  position: relative;
}

/*.my-circle-html .circle-badge-text {
  text-align: center;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-word;
}*/
.circle-badge-wrap {
  position:relative;
  display:inline-grid;
  place-items:center;
  width:var(--cb-size);
  height:var(--cb-size);
}

@media (max-width: 600px) {
.circle-badge-wrap {
  width: 115px!important;
}
}

.circle-badge-svg {
  display:block;
  width:100%;
  height:100%;
}
.circle-badge-text {
  position:absolute;
  inset:12% 12%;               /* give text some breathing room */
  display:grid;
  place-items:center;
  text-align:center;
  hyphens: none!important;
  -webkit-hyphens: none!important;
  -ms-hyphens: none!important;
  /* optional fine-tuning */
  word-break:break-word;
  /* font-size: var(--font-size-text)!important;*/
}