Tribute page project issue with img elements

Tell us what’s happening:
Describe your issue in detail here.
My img elents on CSS will not pass all the tests. When plugging the code in an external editor it does the functions correctly.

  **Your code so far**
/* file: index.html */
<main id="main">
<h1 id="title">NY Knicks</h1>
<figure id="img-div">
  <img id="image" src="https://cdn.freebiesupply.com/images/large/2x/new-york-knicks-logo-transparent.png" alt=Ny Knicks Logo> 
  <figcaption id= "img-caption"> Knicks logo
              </figcaption>
       </img>
        </figure>
<section id="tribute-info">
<h2>Accomplishments</h2>
       <ul></ul>
<li>Championships	2 (1970, 1973)</li>
<li>Conference titles	4 (1972, 1973, 1994, 1999)</li>
<li>Division titles	8 (1953, 1954, 1970, 1971, 1989, 1993, 1994, 2013)</li>
       </section>
<p> for more information<a id="tribute-link" href="a" target="_blank">click here</p>
 </a>
</main>
/* file: styles.css */

h1{
text-align: center;
}
img{
width: 500px;
height: 500px;
}

#image{
max-width: 100%;
height: auto;
display: block;
margin: auto;

}

figure{
text-align: center;
}
section{
text-align: center;
}
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14695.85.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.75 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

I realized my mistake. I forgot to plug in my style sheets. Once I did that my project passed. Thanks!!