Оптимизировать верстку сайта для плавного скролла (parallax)

У нас есть фронтэнд главной страницы с эффектом параллакса, состоящий из 6 сцен, но в некоторых браузерах десктопа (Safari, Firefox и Edge) и на планшете они работают некорректно и с лагами. Нужно это исправить. Код должен быть чистым, оптимизированным, без ошибок. Строго. Верстка - адаптивной.

Нам нужна правильная загрузка изображений (плавное их появление) и сделать шрифты в текстовых блоках ровнее (изображение ниже). Также на MacOS/iOS в кнопках меню нужно центрировать текст.

Вот ссылка на верстку веб-страницы, которую мы имеем на данный момент - https://candy.fish/test/

Исходники предоставлю исполнителю.

P.S. Прошу откликаться только тех фрилансеров, у которых есть опыт работы с параллаксом.

Указывайте цену.