Couldnt place image on middle

Tell us what’s happening:
i couldnt place the image in the center!! How to do that with the text in left and right and image in the middle
Your code so far
<!doctype html>

#main{ background-color:#212121; }

#title{
text-align:center;
font-size:90px;
color:white;
padding-top:20px;
}
#h1text{
text-align:center;
font-style:italic;
font-size:30px;

}
#hey{
}
#born{
text-align:left;
font-size:25px;

}
#img-div{

background:darkgrey;

}

#image{
width:800px;
height:800px;
background-color:#212121;
padding:10%;
}
#img-caption{
color:black;
font-size:20px;
font-style:ismap;
}

My First Project:Tribute Page PRITHVI NARAYAN SHAH

"the person who unified NEPAL into a single piece"

PICTURE OF KING PRITHVI NARAYAN SHAH
Potrait of beloved King of Nepal Prithvi Narayan Shah

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page/

I can’t tell where your image is, but try adding margin: auto; to your #image selector. See if it works.

^
Or text-align: center on the parent div if it gives you the effect you want.