Alinhamento Li e Display Flex | Flexbox: posicione elementos na tela

Bom dia!

Estou tentando fazer uma galeria usando display flex. Porém, está dando um espaçamento entre as Li.

Eu fiquei pensando que talvez, display flex não seja a melhor opção para o caso mas antes queria tirar a dúvida com vocês.

Subi o código nesse site: http://maris.worldinfoservices.com.br/galeria/galeria.html

Mas também vou deixar o código que usei aqui pra vocês.

Muito obrigada!

<html>
    <head>
        <title>Galeria</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">    
         <link rel="stylesheet" href="reset.css">
        <style>
            .galeria {
            display: flex;
            flex-wrap: wrap;
            }

            .galeria li {
            width: 50%;
            }

            .galeria li img {
            width: 100%;
            }

        </style>

    </head>

    <body>

         <div id="fotos">
            <ul class="galeria">
                <li><img src="images/1.png"></li>
                <li><img src="images/2.png"></li>
                <li><img src="images/3.png"></li>
                <li><img src="images/4.png"></li>
                <li><img src="images/5.png"></li>
                <li><img src="images/6.png"></li>
                <li><img src="images/7.png"></li>
                <li><img src="images/8.png"></li>

            </ul>
        </div>

    </body>
</html>