/* 1. O Círculo (Container) */
.container-imagem { 
    /* Verifique se a classe no seu HTML/JS é essa mesmo, senão troque o nome aqui */
    width: 150px;           /* Diâmetro do círculo */
    height: 150px;          /* Altura igual a largura */
    border-radius: 50%;     /* Faz virar bola */
    overflow: hidden;       /* Corta tudo que sair da bola */
    
    /* Centralização do Container na tela */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;         /* Centraliza o círculo no meio do card */
}

/* 2. A Imagem (Conteúdo) */
.container-imagem img {
    width: 100%;            /* Ocupa todo o círculo */
    height: 100%;           /* Ocupa toda a altura */
    object-fit: cover;      /* O SEGREDO 1: Preenche sem esticar */
    object-position: center; /* O SEGREDO 2: Foca exatamente no MEIO da foto */
    margin: 0;              /* Remove qualquer margem que esteja empurrando ela */
    padding: 0;             /* Remove espaços internos */
}