Flex fill to 100% width without scaling or cropping?

Design help General
1

I am trying to create a simple gallery but want it to fill the width of my container without distorting (stretching). Is this possible?

See my sample below.

2258×2528 1.43 MB

So basically want something like below. but no stretching. Scaling height to fill the width of my container.

3032×1436 900 KB

Here is my public share link: LINK
(how to access public share link)

2

Well, i’m not sure if this is the only way, but at least it works.
You don´t use img but use DIV´s. On the div´s background you put your photos with “Cover” and it will work as you want.