No puedo centrar el #image en su elemento padre

Cuéntanos qué está pasando:
Ya intente de muchisimas maneras, busque en google, vi videos, pero nada me funciona. En CodePen me lo aprueba, pero en FCC no. No se que hacer.

Tu código hasta el momento

img{
border-color: rgb(45 45 43);
border: 8px;
border-style: solid;
max-width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
div{
text-align: center;
}
#image{
display: block;
margin-left: auto;
margin-right: auto;
}

#image-div{
border-color:rgb(45 45 43);
border-width: 15px;
border-style: solid;
position: relative;
top: 500px;

}


Desafío: Construye una página tributo

We need both your HTML and CSS in order to help you. Also, please explain exactly what the problem is.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.