Javascript Iphone将我网站上的图像包装成气泡

我在这个问题上已经研究了一段时间，我只是想在这个问题上得到一些帮助。我现在正在建立一个网站，这个网站在我的电脑上看起来很好，但是当我在iPhone11上查看这个网站时，我的图像被泡泡包住了。我已将其编程为响应ios设备的大小，但无法正常工作。请帮忙

请看附件中的图片 vs

下面是我用来制作网站响应iphone 11大小的代码

@media only screen and (max-device-width: 416px) {
  .content {
    right: 13px;
    padding: 0;
    padding-top: 10rem;
    padding-bottom: 5rem;
    border-radius: 0;
  }

  .images {
    display: block;
  }

  img {
    width: 400px;
    border-radius: 0;
    object-fit: contain;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    border: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
  }

  .burger {
    left: 60%;
  }
}

img类是我用来处理图像的类

以下是html代码：

    <section class="content">
   <div class="container">
       <div class="row">
      
    <% Gallery.forEach(function(Artwork) {%>

      
        <div class="product col-lg-3 col-sm-12">
            <a class = 'images' href="/api/product/<%=Artwork._id%>"><img value = '<%=Artwork._id%>' type = 'button' src="<%=Artwork.image%>"> </a>
        </div>
        
    
<% }) %>
</div>
</div>
 </section>

您好，您能提供一些代码吗。如果没有示例，很难发现问题出在哪里。@ManuSampablo我为您更新了问题，如果您需要更多信息，请告诉我。代码应包含为文本，而不是图片。代码应使用wizzy wig包装在代码预标记中，或添加为将解析html/css和/或JS的剪贴画好的，我明白了修正了这是我第一次使用这个网站，这就是为什么我在ios上出现这个问题的原因。谢谢各位。