No sé como centra una imágen dentro de article

[falkon765]

pues primero que todo usar 2 id para distintos elementos esta mal,
intenta esto

Código HTML:

<section>
        <article>
            <img id="index" src='img/retol.png'/>
        </article>
</section>
 

Código CSS:

section{
    width:100%;
    min-height:350px;
    overflow:hidden;
    background:#BABABA;
}
 
section article{
    width:900px;
    height:100%;
    margin:0 auto;
}
section article #index{
    width:450px;
    height:100%;
    margin:0 auto;
}
 

si te va funcionando ve variando el ancho asta que quede como te guste.
espero te sirva