固定ページのヘッダー画像（アイキャッチ）をスクロール時固定にできますでしょうか？

なぜかヘッダー画像が大きく拡大されてしまいます。

これは画像の左右は拡大されないけど、上下についてはコンテンツまで突き抜けて表示されてしまう、ということであっていますか？

そうだとして、position: fixed するとその要素は親子の関係から独立してしまうので、親要素の高さや overflow: hidden を無視して表示される形になります。そのため画像がコンテンツまで突き抜けるという表示になります。

で考えてみたんですけど、んーこれ結構難しい問題ですね^^; position: fixed せずに js でスクロールの度に top を設定してやれば擬似的に固定されたようには見えると思うんですけどわざわざそのために js 使うのもなぁっていう…。CSS でやるなら HTML の構造を変えないとどうしようもできないのではという感じですが、ちょっと考えてみます。

おそくなりすみません！ Snow Monkey v13 以降で、下記の CSS を追加することでそれなりに実現できます。あくまでそれなりになので、環境によってちょっと調整が必要かなと思います。

.c-page-header__bgimage {
    position: fixed;
}

.l-contents__body {
    position: relative;
    background-color: #fff;
}

.l-footer {
    position: relative;
    background-color: #fff;
}

良かったら試してみてください！