title: TailwindCSS Image border
body: <p>I am trying to style an <code>image</code> element with a <code>border</code> style. But for some reason when I try to add more width to the border it does not get picked up by the browser on the the <code>image</code> element. It works fine on any thing else but when I add a bigger <code>width</code> size to the <code>border</code> I get an error.</p>
  <p>Can anyone help out? This is my code below.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;img src={'https://i.ibb.co/SnDDJ99/45219372-2219308534767966-7383583342043594752-n.jpg'}
    alt='Oscar Self Portrait'
    className=&quot;
      border-4
      w-1/2
      rounded-full  
      my-4
      md:w-4/12   
      md:p-4&quot;
  /&gt;
  </code></pre>
  <p>If anyone has a solution that they can lead me too that would be great.</p>