Flexbox

O flexbox é útil para posicionar elementos dentro de um container, e se eu quiser posicionar essas 2 imagens uma ao lado da outra, qual propriedade do flexbox poderia usar no elemento filho? Consegui fazer, mas usando float: left e width 50% para cada. Mas e com flexbox?

<main>
<div class="secao">
           <a href="noticia7.html" class="chamada esportes normal mini">
           <img src="img/esporte1.jpg" alt="Time perdedor">
           <h2>Time perdedor é rebaixado para Série B</h2>
           </a>
           <a href="noticia8.html" class="chamada esportes normal mini">
           <img src="img/esporte2.jpg" alt="Time vencedor">
           <h2>Time vencedor sobe para Série A da Copa</h2>
           </a>
</main>