В новой прошке шлейф экрана впаян в дисплей, и от закрытия открытия крышки он перетирается, замена его происходит со всем дисплеем. А по поводу софта, я правда фронтендер, все довольно быстро летает если оптимально настроено. Gulp при сборке проекта в 15 страниц с 20 плагинами (pug, scss, autop...) собирает весь проект за 13 секунд, но это из-за картинок в большей степени пока обработает, в режиме вотчера, изменения на лету меньше секунды.
А потом, ещё файлов 40 к индексу, картинок 40, не дай бог ещё иконки отдельными файлами, потом все это отдается какому нибудь недоучке бэкендщику, который навтыкает кучу плагинов подтягивающий ещё 100 файлов стилей скриптов. Изучите galp или webpack.
Можете дать то, что у вас получилось, в архиве либо песочнице. А ответ почему при увеличении не показывается: блок c display:none не имеет высоты или длинны, а точнее равно 0, по этому высота блока слайдера всегда будет выше. Поправьте условие при котором отрабатывается .hide