Using id and image width

Tell us what’s happening:
Describe your issue in detail here.
i have not been able to set an id of image and image width. help out.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"
  <h1><title id="title">Dr. Norman Borlaug</title></h1>
  <link type="text/css"; rel="stlesheet"; href="styles.css">
</head>
<body>
  <main id="main" >
 <div id="img-div">
   <div id="image" img-display="block"  >  
   <img src="https://tribute-page.freecodecamp.rocks" id="image"  max-width="100%"> 
<figcaption id="img-caption" >Dr. Norman Borlaug</figcaption>
   <p id="tribute-info" >A man who saved a billion lives </p>
   <a href="" target="_blank" id="tribute-link" /a>
 </div>
    



  </main>
</body>
</html>
/* 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/102.0.5005.115 Safari/537.36 OPR/88.0.4412.53

Challenge: Build a Tribute Page

Link to the challenge: