Как исправить статичный фон страницы?

Всем привет. На своем сайте я хочу использовать статичный фон, который не будет менятся при прокрутке страницы.

Для этого я использую следующие стили в css

html, body {
  margin: 0;
  min-height: 100vh;
}

body{
  background-image: url("background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

Все бы хорошо, но когда я открываю мобильную версию сайта, при прокрутке фон съезжает и я вижу засвет, после прокрутки фон встает на место, но это бросается в глаза и выглядит некрасиво.
Я предполагаю что это из-за адрессной строки на мобильных устройствах, ведь при прокрутке строка исчезает и меняется размер страницы. Как это исправить?

Прикладываю фото.