[css] 스크롤 시 위치에 맞게 이미지 보여지는 부분 변화

.max-height {
  min-height: calc(100vh - 76px);
  background: linear-gradient(var(--yellowTrans), var(--yellowTrans)),
    url("../img/headerBcg.png") center/cover fixed no-repeat;
  position: relative;
}

fixed !!!!!!!