title: NextJs Image component with auto height
body: <p>In Next.js app, am using Image component. I want to load an image with auto height and width.</p>
  <pre><code> &lt;div style={{ height:'',width:'' }}&gt;
      &lt;Image 
         src={imgLink}
         objectFit=&quot;cover&quot;
         layout=&quot;fill&quot;
      /&gt;
   &lt;/div&gt;
  </code></pre>
  <p>I can easily achieve this if i can specify height and width in its parent div. but what i want is to load it in its natural height. Is there something am missing ?</p>
  <p>I found a similar question in stackoverflow.
  <a href="https://stackoverflow.com/questions/66353475/how-to-use-image-component-in-next-js-with-unknown-width-and-height">How to use Image component in Next.js with unknown width and height</a>
  .But no success. Isn't there any other way to achieve this ? should I need to stick with img?</p>