How to center the img

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

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
  <link rel="stylesheet"

  <main id="main">
    <p id="title">Tribute Page</p>
    <div id="img-div">
       <img id="image">
      <div id="img-caption">this picture says it all</div>
    <p id="tribute-info">
      this is the <a id="tribute-link" href="" target="_blank">tribute page</a> made my me


/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

I believe you first need to insert the img url in order to see it and play around