title: How to unblur the image using css
body: <p>I am trying to unblur the text for my image which i am unable to do it below is my css for that image </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>img[Attributes Style] {
     width: 109px;
     height: 19px;
     border-top-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-left-width: 0px;
     border-top-style: solid;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: solid;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img src="https://dummyimage.com/300x300" width="109" height="19" 
  style="vertical-align:top;" border="0"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am unable to edit that css after opening the inspector i tried with <code>opacity :1</code> not working</p>
  
  <p><a href="https://i.stack.imgur.com/MeikG.png" rel="nofollow noreferrer">image</a></p>