Porque en mi caso el display: flex muestra el logo tan grande Si lo comento lo muestra normal

Yo trabajo en Firefox y me pasa lo mismo, supongo que esa es la diferencia.

Si aplicas esta propiedad a la etiqueta img toma su tamaño original

<align-self: center; >

pon la imagen dentro de una etiqueta figure, yo lo solucioné así:

width: 100%, para que se agrande hasta el ancho de su padre claro esta que dspues de 12 dias de este comentario ya debe saber como solucionarlo :)

Hola @ray.msal

Esto sucede porque su comportamiento externo de flex hace que se comporte como

Si la imagen se sigue viendo grande trata agregandole una clase y define su

Saludos!