Николай

Меняйте масштаб в браузере (ctrl+/-)

.item {
	position: relative;
}

.item img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

В вашем случае это будет самый правильный вариант. Можно конечно с svg запариться, но оно того не стоит.

P.S. Плохо когда дизайнер имеет очень отдаленное представление о верстке.

Гуглите position: sticky. Пока что поддерживается не многими браузерами, но можно прикрутить полифил.
Либо, как уже ранее ответили, использовать какой ни будь jquery плагин. Я бы выбрал первый вариант.

Скорее всего проблема в том что используется дочерний селектор ">" в css. Это происходит потому что jquery перед анимацией оборачивает элемент в свой div а после удаляет.
Самое простое решение переписать css для этого блока без использования дочерних селекторов.