我正在使用Bootstrap 3，并已将我的图像设置为像这样的圆形形状：

然而，这些图像更多的是椭圆形状（见截图）。我在基本引导CSS中没有看到任何我需要调整的东西。我看了几个关于这个主题的教程，没有一个提到任何额外的调整。此外，我已经编辑了图像的大小，但没有用。我做错了什么？

 <div class='container'>
    <div class='row'>
      <div class='col-md-4'>
        <img class='img-circle' src='img/family2.png' />
        <h2>One</h2>
        <p>Lorem ispum</p>
      </div>

      <div class='col-md-4'>
        <img class='img-circle' src='img/fruit2.jpg' />
        <h2>Two</h2>
        <p>Lorem ispum</p>
      </div>

      <div class='col-md-4'>
        <img class='img-circle' src='img/fruit2.jpg' />
        <h2>Three</h2>
        <p>Lorem ispum</p>
      </div>
    </div>
  </div>

img {
  display: block;
  height: auto;
  max-width: 100%;
}