<div class="sample_wrap">
    <div class="sample_white"><h2>background-attachment: fixed;</h2></div>
    <div class="sample_bg"></div>
    <div class="sample_white"></div>
</div>
*{
  margin:0;
}
.sample_bg {
  background: url(https://apice.biz/wp-content/uploads/2023/05/sky_00199.jpg);
  height: 25rem;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
}
.sample_white {
  width: 100%;
  padding: 5%;
  z-index: 1;
  position: relative;
  background: #fff;
}
.sample_white h2{
  font-size: 20px;
  color: #0D6FB8;
  border-left: 2px solid #0D6FB8;
  padding-left: 10px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.