How to force the aspect ratio of an image (img)?

Question

css

Имеются несколько изображений с разными соотношениями сторон. Они находятся в одной строке, в трех колонках. Используется сетка бутстрапа и для адаптивности изображений класс img-responsive. Надо сделать так чтобы у всех изображений принудительно соотношение сторон было 1:1.
Пример: jsfiddle.net/0mf34ajo
Нашел решение для div jsfiddle.net/ansciath/B8FU8 , думал можно просто вместо div поставить img, добавить display: block, но ничего не вышло. Может что-то сделал не так =(

Answer 1

jsfiddle.net/0mf34ajo/1