Как создать эффект смешивания прокрутки изображения с помощью CSS?

Я видел этот классный эффект прокрутки онлайн...

Если изображение смещается со следующим изображением при прокрутке разделов. Я пытался воспроизвести его, но я не могу понять это? Как я могу создать этот эффект в Интернете?

Вот ссылка на то, где я видел эффект... http://readingbuddysoftware.com/how-it-works/

Я попытался использовать position: fixed на скриншотах с z-index раздела выше, чем изображение, но последний скриншот всегда находится сверху.

Любые идеи?

Обновление. По разным причинам (включая размещение, используя наклон...), я не могу использовать решение background-image css. Мне нужно решение для использования элемента <img>.