Images not following the intended layout | Bootstrap

[SebastianSelate1]

As you can see the images on the third row are starting off from the right. I can’t figure out why.

Codepen Link: https://codepen.io/Smokahontas/full/LQvwGL/

[pseudop]

because not all images have same height which results in different column height.
what you can do is set same height for all images or use flexbox.

[SebastianSelate1]

Ok. Understood it! Thanks a lot