How to keep an image centered and responsive?

Question

I have an image, centered both, horizontally and vertically

#logo01{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-146px;  // half of hei         


        

Answer 1

Try with below css for the container for the image.

CSS:

width: 100%; text-align: center; margin-top:50%