Tribute Page - Build a Tribute Page

Tell us what’s happening:
I’m unable to center the image because it specifies that the image element should be in a display of block. Adding a display of block to image makes the image shift left. I have tried many solutions in order to center. None has worked so far except removing the display of block, which I am imposed to use.
html

Picture of Steve JobsPicture of Steve Jobs

css
#image {
width:80%;
display:block;
max-width:800px;
background-color:#edf0e6;
border-radius:10%;

height:auto;
text-align:center;
border:1px solid black;

}
#img-div{
text-align:center;
border:1px solid black;
}

Your code so far

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Can show us the whole code? Do you have the img id="image" or class="image"