фон отображается в браузере, но не отображается на устройстве (Devapp)

Question

Я создаю простое приложение с использованием ionicV4 для устройств Android.

Когда я добавил фоновое изображение для <ion-content> детали на моей домашней странице. он отлично отображается на Chrome, но не отображается на устройстве Android, используя devApp, а также после компиляции в качестве APK и установки. Тем не менее, фон не отображается.

Вот мой home.page.html:

<ion-header>
  <ion-toolbar color="dark">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Home
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <div align="center" style="margin-top: 1px;margin-left: 15px;margin-bottom: 60px;">
<img src="../assets/imgs/logo.png">
    </div>
    <div align="center" style="background-color:white;margin-left:50px;margin-right:50px;opacity: 0.7;border-radius: 25px;">
<div style="padding:5px;">
    <img src="../assets/imgs/dress.png" style='width:100px;height:100px;'><br>
    <b>Buy/Rent Dress</b>
    </div>
</div><br>
<div align="center" style="background-color:white;margin-left:50px;margin-right:50px;opacity: 0.7;border-radius: 25px;">
<div style="padding:5px;">
<img src="../assets/imgs/add.png" style='width:100px;height:100px;'><br>
<b>Add dress for sale/Rent</b>
</div>
</div><br>
<div align="center" style="background-color:white;margin-left:50px;margin-right:50px;opacity: 0.7;border-radius: 25px;">
<div style="padding:5px;">
<img src="../assets/imgs/user.png" style='width:100px;height:100px;'><br>
<b>Manage your account and ads</b>
</div>
</div>

</ion-content>

И файл home.page.scss:

ion-icon {
  font-size: 64px;
}


ion-content {
  --background: url('/assets/imgs/background.jpg')  no-repeat 110% 50%;
}

Как видите, есть много других изображений, которые отлично отображаются как в браузере, так и на устройстве. КАК они вызываются из файла .html, но единственное изображение, которое вызывается в .scss, не отображается на мобильном телефоне.