Антон Усачев

Запретить сжиматься изображениям:

img {
    width: 40px; // например
    flex: 0 0 auto;
}

.slick-active {
  // стиль для всех активных
}
.slick-active + .slick-active {
  // уточняем стиль для активного, идущего за активным
}
.slick-active + .slick-active + .slick-active {
 // уточняем стиль для активного, идущего за активным, идущего за активным =)
}

li.undl:hover {
	cursor: help;
}

Можно конечно:

order
Меняем ширину экрана, чтобы посмотреть в действии.

Первым слоем картинка (слой с относительным позиционированием). Вторым слоем текст. Третий самый высокий слой – абсолютное позиционирование с картинкой носа. Но есть хитрость: размер холста с носом должен быть на прозрачном фоне размером с картинку с лисой, чтобы при любом размере экрана поведение картинок было идентичным: