How to align text horizontally if the images above it are of different sizes, bootstrap?

Question

css

<div class="row">
      <div class="col-lg-2 text-center">
        <img src="img/001.png" alt="">
        <p>text1</p>
      </div>
      <div class="col-lg-2">
        <img src="img/002.png" alt="">
        <p>text2</p>
      </div>
      <div class="col-lg-2">
        <img src="img/003.png" alt="">
        <p>text3</p>
      </div>
      <div class="col-lg-2">
        <img src="img/004.png" alt="">
        <p>text4</p>
      </div>
      <div class="col-lg-2">
        <img src="img/005.png" alt="">
        <p>text5</p>
      </div>
      <div class="col-lg-2">
        <img src="img/006.png" alt="">
        <p>text6</p>
      </div>
    </div>

We have 6 columns with pictures, text below them, but since the pictures are of different heights, the text is not horizontally smooth. margin on the text did. the text moved away from the pictures, but still not even horizontally.

Answer 1

https://codepen.io/anon/pen/BVwEeP

Answer 2

https://codepen.io/AndriyBroda/pen/GGMLaQ