Flexbox leaves resized images

I'm doing the sketch of a project and need to put three images one a "line" only. I decided to use display:flex and space-around to leave them with a space between them, however they are in the out-of-normal size.

HTML:

<headerid="infos">
    <div class="logos">
        <img src="http://3.bp.blogspot.com/-ELX7vcLVocE/Ubj2DSqw-1I/AAAAAAAACJs/rfJ2ZbWWbOs/s1600/5o.JPG"width="200"/>     
        <img src="http://3.bp.blogspot.com/-ELX7vcLVocE/Ubj2DSqw-1I/AAAAAAAACJs/rfJ2ZbWWbOs/s1600/5o.JPG"width="200"/>
        <img src="http://3.bp.blogspot.com/-ELX7vcLVocE/Ubj2DSqw-1I/AAAAAAAACJs/rfJ2ZbWWbOs/s1600/5o.JPG"width="200"/>                 
    </div>
</header>

and CSS:

*{margin: 0; padding: 0; box-sizing: border-box;}

body{
    background-color:rgba(127,255,30, 1);
    font-size: 18px;
    overflow-x: hidden;
}

#infos{
    max-width: 960px;
    padding: 3em;
    margin: 0 auto;
}

.logos{
    display: flex;
    justify-content: space-between;
}

I wanted them to stay in their normal size