How to get rid of the bottom "indent"?

Have the picture aligned in the block center:
5cf413eee51df143435015.png
if it is compressed, you get the indent from the bottom, how to remove?
5cf4141143cbd711584201.png

Code: https://codepen.io/workcode/pen/vwbNEq

PS. From the pictures there is no size because the images have different sizes. You want to display them in original size if included. If you do not enter the ride. Center alignment is a must.
March 23rd 20 at 18:48
1 answer
March 23rd 20 at 18:50
Solution
In css to add picture
align-items: center;
Faced with the problem when it is in need of a signature.
https://codepen.io/workcode/pen/MdxjyP

the example specifies the div - it is not necessary to become attached, as it is not in the project
there is a figure, picture and img - Alba_Harb commented on March 23rd 20 at 18:53
Will remove the "settled," so as not to duplicate. When solved, again by decision. - Alba_Harb commented on March 23rd 20 at 18:56
@Alba_Harbfor figure fill
flex-direction: column; - marilou.OConnell commented on March 23rd 20 at 18:59

Find more questions by tags CSS