Problemas resolvido com o tamanho das imagens no mobile

Pessoal minhas imagens estavam ocupando muito espaço no mobile no meu caso e resolvi da seguinte forma via css:

Primeiro substitui a classe .container pela classe .container__img

<div class="<b>container__img</b>">
            <a href="#"><img src="img/Favoritos.svg" alt="Meus Favoritos" class="container__imagem"></a>
            <a href="#"><img src="img/Compras.svg" alt="Carrinho de Compras" class="container__imagem"></a>
            <a href="#"><img src="img/Usuario.svg" alt="Meu perfil" class="container__imagem"></a>
</div>

No css:

.container{ display: flex; align-items: center; width: 80%; flex-grow: 1; }

.container__img{ padding: 0.25em; margin: auto; display: flex; }