内容图像偏离中心到徽标

Question

我开始摆弄中心事物。虽然有时我觉得事情只是一点点偏离中心。

这实际上是一个非常明显的例子。我刚刚创建了一个小提琴https://jsfiddle.net/v2s0s8aq/#&togetherjs=UD7Kxv7D0r。

HTML

<div class="word">
<div class="container">
    <div class="row">
        <div class="col-md-4"><img src="#"></div>
        <div class="col-md-4"><img src="#"></div>
        <div class="col-md-4"><img src="#"></div>
    </div>
</div>
</div>

CSS

.word {
   margin-top: 20px;
   margin-right: auto;
   margin-left: auto;
   position:relative;
   width:100%;
   display:inline-block; 
}
.word img {
   border-radius: 5px;
   width: 450px;
   height:450px;  
   border: 12px white solid;
   display:block;
   margin:0 auto;
   margin-bottom:20px;
}