kode html css posisi gambar di tengah

Html css image center disini saya ambil contoh buat gambar header blog saya di tampilan smartphone seperti gambar di atas langsung saja

CSS:

#center-img{
display: block;
margin-left: auto;
margin-right: auto;
}
.img-center{
display: block;
width: 200px;
height: auto;
}

HTML :

<div class="img-center">
<img height="60" id="center-img" src="URL GAMBAR" width="320" />
</div>