approximate solution, да, только это не имеет отношения к количеству слайдеров и их наличию вообще. Это если пытаться отвечать именно на заданный вопрос.
Но зато вы смогли угадать его истинный смысл )))
1. Иконки соц.сетей не являются контентными (смысловыми) изображениями. Это украшения ссылок. И их делают фонами или псевдоэлементами.
2. Если дизайнер не дал их в SVG, то они легко гуглятся и цвет меняется стилями.
3. Если прям никак, то менять однотонные картинки с помощью 2х картинок это дичь, при наличии CSS фильтров. (Пользователи ИЕ вполне обойдутся без такого прекрасного эффекта)
4. И совсем плохой вариант, просто накладывается картинки одну на другую, при ховере верхнюю скрываете.
Alex Terechenko, Подсказка: начните делать, покажите в песочнице, что не выходит, задавайте конкретные вопросы, если они не гуглятся быстрее, чем пишутся.
kunjut19, делают несколько манипуляций, сначала меняют display, потом постепенно меняют высоту с 0 до нужной (вычислив ее предварительно).
Погуглите "jquery animate height", то что я описала, это не единственный вариант.
Вам же валидатор человечьим языком говорит, что ошибка.
Сотрите все что снаружи внутреннего picture.
Похоже на случайное копирование кода.