body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
  background-color: #101010;
  background-size: 100% 100%;
}

.container {
  display: grid;
  position: relative;
  text-align: center;
  /* Centraliza os elementos dentro do contêiner */
}

.image,
.doughnut-progress {
  vertical-align: top;
  /* Alinha os elementos ao topo verticalmente */
}

.doughnut-progress {
  position: relative;
  /* Alterado para relativo para que a imagem não sobreponha o indicador de progresso */
  width: 50px;
  height: 50px;
  margin: auto;
  /* Centraliza horizontalmente */
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
}

.doughnut-progress .progress-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0, 25px, 50px, 0);
  border-radius: 50%;
  background-color: #D3FF67;
  transform-origin: 50% 50%;
  animation: progressAnimation 2s linear infinite;
}

.doughnut-progress .inner-circle {
  position: absolute;
  width: 80%;
  /* ajuste o tamanho do buraco no centro conforme necessário */
  height: 80%;
  background-color: #101010;
  /* cor de fundo do buraco no centro */
  border-radius: 50%;
  top: 10%;
  left: 10%;
}

.image {
  border-radius: 15px;
  /* ajuste conforme necessário */
  margin-bottom: 55px;
  /* Adiciona espaço entre a imagem e o indicador de progresso */
}

@keyframes progressAnimation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* .center {
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    
    .contain {
      display:block;
      width:100%; height:100%;
      object-fit: contain;
    }
    
    .stretch {
      display:block;
      width:100%; height:100%;
    }
    
    .cover {
      display:block;
      width:100%; height:100%;
      object-fit: cover;
    }
    
    @media (prefers-color-scheme: dark) {
      body {
        margin:0;
        height:100%;
        background: #101010;
        
        background-size: 100% 100%;
      }
    } */