下のリンクをチェックすると、基本的に私が目指している目標が見えますが、おわかりのように完璧ではありません。上部がアウトライン化されたテキスト ブロックの中央に配置された状態でロードする水色のボックスを探しています。スクロール後、下部がボックスと一致するはずです。すべての画面サイズでこれが機能するのに問題があるだけなので、これがうまくいくことを願っています。
#home {
height: 50%;
margin-top:25%;
background-size: cover;
display:block;
position:relative;
background: #C7E2F3;
}