Css 面板的对齐问题

嗨，请看一下这个链接。我怎样才能使图像现在处于中心位置？它似乎太向右了

演示-

使用

左：50%和
转换：translateX（-50%）


/*演示*/
身体{
填充：5%；
}
.小组{
最大宽度：500px；
保证金：0自动
}
/*结束演示*/
.面板配置文件.面板标题{
位置：相对位置；
}
.面板剖面图.面板标题h4{
利润率：10px 0 20px；
字体大小：正常；
}
.面板剖面图.面板标题img{
保证金：0自动10px；
显示：块；
边框：1px实心#ddd；
背景：#fff；
}
@介质（最小宽度：400px）{
.面板剖面图.面板标题a{
字体大小：.75em；
浮动：对；
}
.面板配置文件.面板标题{
边缘底部：30px；
}
.面板剖面图.面板标题img{
位置：绝对位置；
保证金：0；
左：50%；
转化：translateX（-50%）；
底部：-25px；
}
}

人名
面板内容
您想将图像水平居中，对吗@失败的学生！谢谢我想把图像放在“人名”的中心，所以它应该在“的”附近@维托里诺-费尔南德希@维托里诺-费尔南德斯：我想要这样的东西，因为你可以看到那个圆圈图像中间排列着这个名字。
.panel-profile .panel-heading img {
  position: absolute;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
}