Gambar latar belakang tidak ditampilkan di iOS hanya setelah ditambahkan ke Layar Utama

Saya punya css seperti ini:

#thumbnail {
    background-image: url(bla.jpg),
    background-size: cover,
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

Ini ditampilkan dengan baik di iOS Safari dan di tempat lain. Namun, ketika saya "Tambahkan ke Layar Utama" halaman tersebut, gambar tidak akan ditampilkan.

Apa yang saya coba (tidak berhasil):

1. Menggunakan background-size: contain

2. Menggunakan JavaScript untuk "memuat dengan lambat" gambar latar belakang.

3. Menambahkannya secara dinamis sebagai <img> alih-alih gambar latar belakang menggunakan JavaScript.

4. Menambahkannya langsung ke dokumen HTML. Itu mulai ditampilkan tetapi tidak mematuhi gaya CSS apa pun, bahkan setelah saya mencobanya dengan gaya JavaScript, dan dengan atribut width dan height (mengapa?).

5. Menggunakan background-position: top center bukannya 50% 50%.

6. Menggunakan format gambar lain seperti .png.

7. Menerapkan gambar latar belakang ke ::after elemen semu seperti di bawah ini:

   #thumbnail::after {
       content: '';
       display: block;
       padding-top: 100%;
       background-image: url(...),
       background-size: cover,
       background-repeat: no-repeat;
       background-position: 50% 50%;
   }
   

Itu tidak berfungsi dengan baik.

Saya mencari di StackOverflow dan Google untuk masalah yang sama, tidak ada yang menghadapi masalah yang sama karena kebanyakan dari mereka merujuk pada masalah di browser Safari dan properti CSS yang tidak didukung (yang bukan masalah dalam kasus saya).

Adakah yang tahu apa masalahnya dan bagaimana cara mengatasinya?

Masalah ini hanya terjadi setelah "Tambahkan ke Layar Beranda". Ini berfungsi dengan baik di browser iOS Safari dan browser iOS Chrome.