Bootstrap 4 如何解决移动设备上的img问题

我在我的网站上有一个圆形的图像，在电脑上也可以，但在手机或调整大小的浏览器上是这样的：

代码：

---

如何解决此问题？

在image类中，您可以将class=img img responsive设置为如下示例：

如果要使用此代码，请确保插入引导代码：

 <img src="'.$cover.'" class="rounded-circle img-profile" style="height:75px; width:75px; border: none;" alt="avatar">