Для того чтобы сайт остановился на верхней границе и не прокручивался дальше, вы можете использовать CSS свойство `position: fixed` для элемента, который вы хотите зафиксировать.
В вашем случае, чтобы сохранить параллакс эффект и включить скриншоты, вам необходимо выбрать элементы, которые должны оставаться видимыми на экране и добавить для них свойство `position: fixed`.
Например, в вашем коде можно попробовать добавить следующие CSS правила:
```css
#hero {
position: fixed;
top: 0;
width: 100%;
height: 100%;
}
#screenshots {
position: fixed;
top: 0;
width: 100%;
}
```
Эти правила зафиксируют элементы с идентификаторами "hero" и "screenshots" на верху страницы при прокрутке.
Надеюсь, это поможет вам решить проблему с отображением на мобильных устройствах.
