title: Reduce tailwind image to the smallest
body: <p>I have added images on my page using tailwinds but on mobile, the image still appears to be bigger than I want.
  My code below:</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-html lang-html prettyprint-override"><code>&lt;script src="https://cdn.tailwindcss.com"&gt;&lt;/script&gt;
  
  &lt;div class="max-w-md mx-auto bg-white hover:bg-gray-200 py-3 px-6 border-b border-gray-300 overflow-hidden md:max-w-2xl"&gt;
          &lt;div class="flex"&gt;
              &lt;div class="md:shrink-0"&gt;
              &lt;img class="h-40 w-full scale-75 object-cover md:h-full md:w-48" src="https://images.unsplash.com/photo-1488998427799-e3362cec87c3?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=870&amp;q=80" alt="Man looking at item at a store"&gt;
              &lt;/div&gt;
              &lt;div class="p-4"&gt;
              &lt;div class="uppercase tracking-wide text-sm text-indigo-500 font-light"&gt;Course&lt;/div&gt;
              &lt;a href="#" class="block mt-1 text-lg leading-tight font-medium text-black hover:underline"&gt;How to Organize Your Time and Your Life&lt;/a&gt;
              &lt;p class="mt-2 "&gt;By: Pete Mockaitis | How to Be Awesome at Your Job&lt;/p&gt;
              &lt;span class="text-sm text-slate-500"&gt;134,768 Viewers. Released Jun 19, 2022&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><strong>What I get</strong></p>
  <p><a href="https://i.stack.imgur.com/Rpt91.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rpt91.png" alt="enter image description here" /></a></p>
  <p><strong>What I want</strong></p>
  <p><a href="https://i.stack.imgur.com/sTklM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sTklM.png" alt="enter image description here" /></a></p>