背景画像の固定表示

<divclass=""fixed-background background-1"">
<h1>見出し</h1>
</div>
 
<divclass=""scroll-background  background-color-1"">
<p>コンテンツ</p>
</div>
 
<divclass=""fixed-background background-2"">
<h1>見出し</h1>
</div>
 
<divclass=""scroll-background background-color-2"">
<p>コンテンツ</p>
</div>

.fixed-background{
  min-height:100vh;
  background-attachment:fixed;
  background-size:cover;
  background-position:center;
}
.background-1{
  background-image:url(...);
}
.background-2{
  background-image:url(...);
}

background-attachment:fixedがポイント。