title: How to auto resize the content inside a div in tailwind?
body: <p>My code is currently like this :</p>
  <pre><code>&lt;div class=&quot;container h-auto&quot;&gt;
    &lt;div class=&quot;flex border-8 border-red-900 w-56 h-auto&quot;&gt;
      &lt;img class=&quot;h-autho w-auto&quot; src=&quot;https://i.picsum.photos/id/238/200/200.jpg?hmac=O4Jc6lqHVfaKVzLf8bWssNTbWzQoaRUC0TDXod9xDdM&quot; /&gt;
      &lt;img class=&quot;h-autho w-auto&quot; src=&quot;  https://i.picsum.photos/id/65/200/200.jpg?hmac=pZrTO_F80X2VYUVpgorpj6xM_WABGhjIXYieK__8B50&quot; /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/oqbVy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oqbVy.png" alt="screenshot" /></a></p>
  <p>which the images have exceeded the width of the div. I would like the images to auto reduce their size depending on the content inside the div so that they always fit the div. Is it possible?</p>