如何在Pug文件/ CSS中创建圆圈图像

我正在尝试制作圆形图像，但它一直显示为椭圆形。我将其作为圆圈工作的唯一方法是使用以下CSS代码：

.teamImage {
 border-radius: 50px;
 width: 50px;
 height: 50px;}

但是，这显示的方法太小，并且也没有居中。这里的例子：

使用此CSS代码，我得到一个大的椭圆形：

.teamImage {
 border-radius: 50%;
   }

我希望它看起来像第二张图像，长/高明智，但要是一个完美的圆形。

这是来自.pug文件：

    .columns
      .column.is-one-third
        .card
          img(src='../images/team1.jpg', class="teamImage")
          .h3.is-3.title Jane Doe
          .p.title CEO & Founder
          .p Some example Text
          .button Contact