Антон

Если IE9+, то вот способ, при котором картинка будет по центру блока, даже если она большей высоты.

.item { position: relative }
.item img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

Сайт заказчика не открывается. Скорее всего проблема в том, что у вас нет пробелов между картинками, а у заказчика каким-то образом они появились.

Скорее всего нормального хака не существует. Я вообще не припоминаю для вебкит хотя бы одного хака (хитрые css3 селекторы — это не хаки). А каким образом вам поможет хак, если проблема решается всякими лишними дивами? К слову, в нашей стране доля браузеров, не поддерживающих calc сильно больше доли сафари.