title: How do I remove unwanted white border around images?
body: <p>While making a carousel of images on a dark background, I keep facing the issue of mysterious white borders around the images on specific browsers.</p>
  
  <p><a href="https://i.stack.imgur.com/2zgCt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2zgCt.jpg" alt="screenshot"></a></p>
  
  <p>I have tried setting the box-shadow to 0, removing borders, and adding borders in the color of the image-background; but none of these trials have resulted in a change.</p>
  
  <p>The current CSS:</p>
  
  <pre><code>.card-carousel-cell img {
      padding: 0;
      margin: 0 0 10px 0;
      width: 110px;
      height: 110px;
      border-radius: 10px;
      background-color: #252525;
      display: block;
  }
  </code></pre>
  
  <p>Is there any way I can remove this issue consistently across browsers?</p>