Tribute Page - Build a Tribute Page

Align image within parent ? I have tried justify-content and align-items

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="styles.css">
<main id="main">
  <title id="title">Dr. Norman Borlaug</title>
  <h1>Dr. Norman Borlaug</>
  <div id="img-div">
    <img id="image"/>
    <figcaption id="img-caption">Tribute</figcaption>
    <p id="tribute-info">Tribute for Norman</p>
    <a href="" id="tribute-link" target="_blank">
  </div>
  </main>
  </html>
/* file: styles.css */
#image{
  max-width: 100%;
justify-content: center; 
  }
 img{ display: block;
 }
 

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

you have a tipos in the code
HTML Validator