При display: flex изображение увеличивается не пропорционально относительно высоты. Как исправить?

Здравствуйте. Есть *код*.
Когда в .buttons-keyboard задаю display: flex (мне это нужно, чтобы расположить картинку ровно по вертикали относительно кнопки с помощью justify-content: center) изображение начинает неправильно отображаться, а именно, не пропорционально увеличивается в размере.

.imglight {  height: 55%; width: auto; display: inline; }

Если же задать

.imglight {  height: auto; width: 55%; display: inline; }

, то уже будет пропорционально, но мне нужно увеличивать изображение относительно высоты, а не ширины. Как это правильно сделать ?