.bg-bronze {
    background-color: #cd7f32;
}

.bg-silver {
    background-color: #C0C0C0;
}

.bg-gold {
    background-color: #FFD700;
}

.perfil-img {
    object-fit: cover; /* Redimensiona a imagem para preencher o contêiner */
    object-position: center center; /* Centraliza a imagem horizontalmente e verticalmente */
    border-radius: 50%; /* Arredonda as bordas da imagem para criar um círculo */
    overflow: hidden; /* Oculta qualquer parte da imagem que ultrapasse o contêiner */
    width: 100px; /* Defina a largura desejada para a imagem */
    height: 100px; /* Defina a altura desejada para a imagem */
}

.perfil-icone {
    object-fit: cover; /* Redimensiona a imagem para preencher o contêiner */
    object-position: center center; /* Centraliza a imagem horizontalmente e verticalmente */
    border-radius: 50%; /* Arredonda as bordas da imagem para criar um círculo */
    overflow: hidden; /* Oculta qualquer parte da imagem que ultrapasse o contêiner */
    width: 40px; /* Defina a largura desejada para a imagem */
    height: 40px; /* Defina a altura desejada para a imagem */
}