CSS: 모바일로 봤을 때 배경 화면을 하단에 고정하기

폰으로 봤을 때 배경화면을 반복없이 하나만  하단에 고정할 수 있다.

/* 배경 화면 반응형 변경 */
@media only screen and (max-width: 400px) {
  .BgImage {
    background-position: 70% bottom;
    background-size: auto 40%; 
    background-repeat: no-repeat;
  }
}

결과)