title: Cannot remove border from linked woocommerce product image
body: <p>I just updated a storefront theme to 2.5.5 for <a href="https://bestfamily.gr" rel="nofollow noreferrer">https://bestfamily.gr</a> and I noticed that <strong>when I click</strong> to a product image or image link a border is displayed.</p>
  
  <p>I put in my css </p>
  
  <pre><code>img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.lazyloaded {
      text-decoration: none !important;
      border: 0 none !important;
  }
  </code></pre>
  
  <p>or </p>
  
  <pre><code>a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
      text-decoration: none !important;
      border: 0 none !important;
  }
  </code></pre>
  
  <p>but still nothing. In the previous version of theme no border was shown
  I am using imagify and wp-rocket with lazyloading if this helps.</p>