如何防止宽屏显示器中的图像失真？

Question

我工作的显示器是16英寸，我有一个水平对齐的border-radius: 50%;圆形图像列表。为了避免丢失图像的质量，我保留了500x500（px）图像的原始尺寸，但我希望宽度和高度最大为150px。

在19英寸和更宽的显示器中，这些圆形图像显示为宽度扭曲的椭圆形。

这是图像的css代码。有什么办法可以避免这种变形吗？任何帮助表示赞赏。

.circular img {
    width: 150px;
    border-radius: 50%;   
}