Евгений Данилов

Ссылка на шрифты будет другой на хостинге чем на локальном файле, проверьте строку
src: url(fonts/hortensia.ttf); и поставьте правильную ссылку убедившись что по ней открывает файл

/* стили родительского элемента картинки */
div {
position:relative;
}
/* стили картинки */
img {
position:absolute;
margin: auto;
position: absolute;
width:100%;
heigth:auto;
top:0;
left:0;
right:0;
bottom:0;
/* centering the object*/
}

Я так полагаю что блок становится sticky, надо либо на jquery animate тогда ставить с позицией, либо делать позиции максимально похожие как до так и после. А так сложно сказать без примеров кода или скриншота.

:nth-child(2n) может помочь, поскольку у нас остальные элементы всегда невидимые, то стили будут применяться как раз ко второму из трех видимых элементов.