display flexで2段目以降を縦スクロールで表示したい

実現したいこと

flexで並べた要素を2段目以降は非表示にして縦スクロールで見れるようにしたいです。
また、中途半端なところで止まらないようにスクロールしたら2段目の要素全体を表示させるようにもしたいです。

前提

codepen
2段目の黒色の要素をスクロールで表示できるようにしたいです。

試したこと

.wrapにheight:200px;などの指定すればできるのですが、そうすると画面サイズを変えた時に隠れたりはみ出たりして上手く表示されないです。

方法がありましたらご教授ください。よろしくお願いします。