Flexbox deixa as imagens redimensionadas

Estou fazendo o esboço de um projeto e preciso colocar três imagens um uma “linha” só. Decidi usar o display:flex e o space-around para deixa-lás com um espaço entre elas, porém elas estão no tamanho fora do normal.

HTML:

<header id="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>

e o 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;
}

queria que elas ficassem no seu tamanho normal

align-self: flex-start;