zoozag

Через clip-path или mask-image можно

Посмотрите как устроен affix в бутстрапе

browserstack самый адекватный из тех, что я пробовал.
В триале есть iPhone, iPad и несколько андроид девайсов, все с поддержкой DevTools.
Для проверки верстки этого вполне достаточно обычно.

Вложите выпадающее меню в тот элемент/блок, на который нужно навести, чтобы оно появилось. Иначе придется прибегать к js решениям описанным выше.

.steps__item {
display: flex;
flex-direction: column;
}

Появляется и исчезает из одной точки
Пявляется и исчезаяет из противоположных точек

Можно попробовать сделать через mask-image, если поддержка браузеров устроит

Обратите внимание на свойство animation-timing-function