Как с помощью background-position стрелка оборачивается в другою сторону???
какая стрелка?
Вопрос из разряда - угадай что думал вопрошающий. Благо я понял, что он думал). И ответ такой: мы задавали с помощью спрайта общую картинку для иконок. Спрайт - это простыми словами сборник склеенных иконок, и позиции каждой следующей легко просчитать. Поэтому мы для первой стрелки фактически не задавали смещения, а для второй уже задали смещение на ширину иконки. А благодаря заданной фиксированной ширине и высоте элемента с иконкой мы и не видим никогда всего изображения(спрайта). Если не понятно будет, попробуйте задать другие размеры блока с иконкой или убрать их вовсе и посмотрите сами