画像をパララックス効果的に表示させたい

Question

下記のサイトのようなパララックス表示を画像を使用して再現したいのですが、どのように組んでもレイアウトが崩れてしまいます。オススメのプラグイン等ございますでしょうか。
(画像がどのデバイスで見てもウィンドウに対してheight: 100% widtht: autoで表示されるようにしたいです。)
http://parashuto.com/playground/sticky/scroll-effect-one.html

###試したこと

####position: sticky;を使用する
画像で置き換えると崩れてしまいます。stickyで画像の使用は不可なのでしょうか？

####skrollrを使用する
skrollrというプラグインを使用してパララックス効果を付けることも試したのですが、スマホで見た際にレイアウトが崩れるバグが対処できず、できませんでした。
https://www.imd-net.com/blog/2016/10/26-213534/

※body直下にskrollr-bodyというクラスのタグを作るとtransformでDOMをY軸に移動してくれるという公式の解決策がありますが、それもDOMの構成上使用ができません。

完全に手詰まりになってしまったので、
プラグインや参考サイトをご存じの方、URLだけでも教えて頂けますと幸いです。。

Answer 1

http://parashuto.com/playground/sticky/scroll-effect-one.html のCSSのbackground を画像にしたらいいだけでは。

.block-one {
  background: center / cover url(XXXXX.jpg);
  color: #fff;
  z-index: 100;
}

Codepenサンプル