title: Small blue lines under and over an image
body: <p>I have these small blue lines under and over the 2 images.
  I tried to apply 
  <code>style="border: 0;"</code> but it didnt work.
  Also tried to apply the css <code>border:0px, outline:0px</code> in the css file. 
  but it din't work too.</p>
  
  <p>I assume that these are links or stuff like that.
  Anyone can help me to remove these small blue lines?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.kategorien1{
      margin-bottom: 50px;
      margin-left: 75px;
      margin-right: -35px;
      box-shadow: 0px 0px 3px 0px black;
      transition-property: all;
      transition-duration: 400ms;
  }
  .kategorien2{
      margin-bottom: 80px;
      margin-left: 300px;
      box-shadow: 0px 0px 3px 0px black;
      transition-property: all;
      transition-duration: 400ms;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html= lang=de&gt;
  &lt;head&gt;
  &lt;link href="style.css" rel= "stylesheet" type="text/css"&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Handgefertigte Armbänder online shoppen bei handform&lt;/title&gt;    
  &lt;/head&gt;
  
  
  &lt;body&gt;
  &lt;!--BILDER UNTERKATEGORIEN--&gt;
  &lt;a href="damem-lederimitat.html"&gt;
  &lt;img class="kategorien1" src="Lederimitat.jpeg" width="40%" style="border: 0;"&gt;
  &lt;/a&gt;    
  &lt;a href="damem-armreifen.html"&gt;
  &lt;img class="kategorien1" src="armreifen.jpeg" width="40%" style="border: 0;"&gt;
  &lt;/a&gt;  
  &lt;a href="damem-perlenarmbänder.html"&gt;
  &lt;img class="kategorien1" src="Perlenarmb%C3%A4nder.jpeg" width="40%" style="border: 0;"&gt;
  &lt;/a&gt;   
  &lt;a href="damem-verschiedene-armbänder.html"&gt;
  &lt;img class="kategorien1" src="verschiedene_b%C3%A4nder.jpeg" width="40%" style="border: 0;"&gt;
  &lt;/a&gt;
  &lt;a href="damem-verschiedene-armbänder.html"&gt;
  &lt;img class="kategorien2" src="M%C3%A4nnerarmb%C3%A4nder.jpeg" width="40%" style="border: 0;"&gt;
  &lt;/a&gt;
  
  &lt;/body&gt;
      
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>