*{margin:0;padding:0;}
body {margin: 10px;}

#img-centro {
width:100%;
height:auto;
position:absolute;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-250px;
}

.responsive {
           max-width: 500px;
           width: 100%;
           height: auto;
  }
  .responsive  img{
          max-width: 501px;   /* Máximo da largura da imagem */
          width: 100%;
          max-height: 503px;  /* Máximo da altura da imagem */
          min-height: auto;      /* Mínimo da altura, por padrão “auto” */
  }