To center an image, set left and right margin to auto and make it into a block element. Note that it cannot be centered if the width is set to 100% (full-width).
display: block;
margin-left: auto;
margin-right: auto;
Reference:
www.w3schools.com/howto/howto_css_image_center.asp
