How to properly lay out flex blocks on bootstrap 4?

Question

css

Friends, there are 6 blocks in a row
https://jsfiddle.net/4vb7fecp/
Images are different in height. How to make a block with an image the same, and the image to be centered vertically. well, and accordingly the text under the image, too, to be at the same height. How to implement this correctly using bootstrap 4 (flex ) classes.

Answer 1

.uslugi_img { height:100px; object-fit: cover; }
vertically what?