How to fix a grid of pictures?

Question

HTML

Hello. I'm trying to figure it out, but I can't. What could be the reason ? - there is a page, mebel.plumar.ru/index/mebel_dlja_rukovoditelja/0-48 it has a boostrap grid, the first 2 rows of pictures work as they should, but the 3rd and 4th rows start to "float". I thought it was in the images - I pinched it. adjusted the size - did not help. I built a row from the 1st image, but the grid is also 4x12 - everything is ok. What could be the reason? Thank you.

Answer 1

The picture Morris_3_n.jpg is smaller than the rest It is
better to make pictures through background-image

Answer 2

the point is in the images - the differences in height are small, but that's enough.
remake so that the pictures are exactly the same size.
and better take the 4th version of bootstrap.

Answer 3

you have a difference in the size of the pictures, make them 1:1 or consider this feature in the layout itself