Помогите решить проблему с ::before и :nth-child()

Общее
1

Имеется HTML код:

Имеется CSS код:

Вопрос:
Как в CSS задать отдельно каждому псевдоэлементу ::before, принадлежащему .featutes-item, задать свой background-position для реализации спрайта?

Пробовал
.features-item::before:nth-child(1);
.features-item:nth-child(1)::before;
.features-item:nth-child(1) .features-item::before;
Не работает. Так и не понял, что делать в такой ситуации.

Благодарю за помощь!

2

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

3

Вот, посмотрите пожалуйста.

4

А код то другой. Первый дочерним элементом у .features получается параграф .features-title.
А .features-item это уже :nth-child(2).
Также вы можете написать .features-item:nth-of-type(1). Такой псевдоселектор учитывает не только порядковый номер, но еще и тип элемента.