スクロールした時にマスクされている画像がシュッと出てくるアニメーションをつけたい

【お使いの Snow Monkey のバージョン】25.2.6
【お使いの Snow Monkey Blocks のバージョン】20.3.5
【お使いの Snow Monkey Editor のバージョン】9.3.0
【お使いのブラウザ】chrome

いつもお世話になります。実現したいアニメーションがありますので質問させて下さい。

### 実現したいこと

こちらのURLの画像のようにスクロールすると黒くマスクされている画像がシュッと出てくるアニメーションを実装したいと考えております。(私がJava Scriptが書けないのでできればCSSのみで実装したいです)

【ホテル公式】 古湯温泉ONCRI／おんくり

当館の温泉はぬる湯が特徴で、心身を癒すには最適な温度です。天山を望む野趣溢れる露天風呂をはじめ、寝湯、立ち湯、箱蒸し風呂、檜風呂、サウナ、足湯、天然砂むし温泉…

oncri.com

### 試したこと

①アニメーションのCSSをGoogle にて検索しました。
→希望のアニメーションを実装するサイトが出てきませんでした。

②参考サイトの検証画面からソースコードを確認しました。
→beforeの擬似要素を使ってマスク部分を作成しているのはわかったのですが自身で再現する事ができませんでした。

③サポートフォーラム内で検索しました。
→こちらのスレッドを確認しました。

snow monkey editor アニメーションの遅延機能（グレードアップ！）

このトピックには20件の返信、3人の参加者があり、最後にキタジマ タカシにより3年前に更新されました。 15件…

snow-monkey.2inc.org

やり取りの中で質問者様が同じような実装をCSSで再現されているとはわかったのですが再現コードがわかりませんでした。

Snow Monkeyの質問とは少しずれてしまうかもしれないのですが教えて頂けると幸いです。

どうぞよろしくお願いいたします。