Помогите пожалуйста выровнять фон

можно немного улучшить дописав стили, но все равно, если фото горизонт, то получится слегка вытянутое(

a[onclick="return hs.expand(this)"] {
    display: inline-block;
    width: 220px;
    height: 220px;
    line-height: 220px;
    text-align: center;
    background: #f0f0f0;
    margin: 10px;
    padding: 5px;
    overflow: hidden;
}

a[onclick="return hs.expand(this)"] img {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    min-height: 100%;
}

в данном случае, думаю это макс, что можно сделать, но может я и ошибаюсь)

Попробуйте заменить

display: inline-block;

на

display: inline-flex;

и добавьте

vertical-align: middle;

так мне кажется смотрится гораздо лучше.
Вот что получится

display: inline-flex;
width: 220px;
vertical-align: middle;
height: 220px;
line-height: 220px;
text-align: center;
background: #F0F0F0;
margin: 10px;

так лучше, но можно еще использовать, что бы не было белых рамок как бы ! что бы фото были все одним размером:

.imgsize {
width: 220px;
height: 220px;
overflow: hidden;
}
.imgsize img {
max-width: 400px;
max-height: 400px;
}

попробуй, ну и поменяй размеры !