<h1>background-attachment: fixed</h1>
<div class="box thumbnail01"></div>
<div class="box thumbnail02"></div>
<div class="box thumbnail03"></div>

* {
/*   box-sizing: border-box; */
  margin: 0;
  padding: 0;
}

h1 {
  text-align: center;
  margin-top: 50px;
}

.box {
  width: 40%;
  height: 30vw;
  margin: 0 auto 100px;
  border: 5px double #333;
  background-attachment: fixed;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}

.thumbnail01 {
  background-image: url(https://pengi-n.co.jp/blog/wp-content/uploads/2024/01/penguin.jpeg);
}

.thumbnail02 {
  background-image: url(https://pengi-n.co.jp/blog/wp-content/uploads/2024/01/penguin.jpeg);
}

.thumbnail03 {
  background-image: url(https://pengi-n.co.jp/blog/wp-content/uploads/2024/01/penguin.jpeg);
}