Параллакс-изображения на CSS обычная фиксация фонового изображения. А вот именно настоящий параллакс на чистом CSS реализуется примерно так — Performant Parallaxing

Из service worker нет доступа к DOM, что-то рендерить на странице оттуда не получится. Если только там какие-то данные формировать и отдавать их для рендера

Мне кажется в 6 правиле пример изображения неудачно подобран. Как раз в левой визуализации удобнее сравнивать данные по ответам между собой, не у всех глазомер хороший чтобы в правой визуализации разницу в строках по группам увидеть