Last step certification project Tribute Page

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

i think my answer is correct but there most be an other way to make it…
any suggestions?
Your code so far

/* file: index.html */
<!DOCTYPE html>

<html lang="en">

<head>
  
  <meta charset="UTF-8">
  <title>Muhammad Ali</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
    
  </head>
<body>
  <style>
    body {
      background-color: black;
      color: white;
      font-family: calibri;
    }
    </style>
  <main id="main">

<h1 id="title">Muhammad Ali</h1>
<div id="img-div">
  <a id="tribute-link" target="_blank" href="https://www.youtube.com/watch?v=V2EfL1j4KYE">
  <img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSqi0A8wzmqjO_jK_sUAglYFdSrMqyG637JxQ&usqp=CAU" width="20%" height="20%">
  </a>
  
  <figcaption id="img-caption">"If my mind can conceive it, if my heart can believe it--then I can achieve it." </figcaption>
  </div>
  <p id="tribute-info">
    <b>Ali Atributes</b>
    <ul>
      <li>Resiliance</li>
      <li>Strenght</li>
      <li>Winner Mentality</li>
      </ul>
  </p>
</div>
</main>
</html>
/* file: styles.css */
#img-caption
{
width: 400px;
}

#image {
max-width: 100%;
height: auto;
display: block;
}
  **Your browser information:**

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

Challenge: Build a Tribute Page

Link to the challenge:

Your solution does not pass the last test:
Your #image should be centered within its parent.