Tribute Page - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
Your #image should be centered within its parent.

<!-- file: index.html -->
<style>
img{display: block;
max-width: 100%;
height:auto;

}
  </style>
<main id="main">
  <h1 id="title"> 
    Dr Norman Borlaug</h1> 
    <main id="main">
    <div id="img-div">
      <img id="image" > 
      <figcaption id="img-caption">The Man Who Saved A Billions Lives</figcaption>
      <p id="tribute-info"> The life and times of dr norman borlaug</p>
      <a id="tribute-link" href="" target="_blank">blank</link>
    </div>
    
    </main>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Don’t you think you should add an actual image first?