Fix UI image hidden behind gradient

src/gui/UI.qml

@@ -49,19 +49,9 @@ Item {
         active: false
     }
 
-    HImage {
-        id: mainUIBackground
-        visible: Boolean(Qt.resolvedUrl(source))
-        fillMode: Image.PreserveAspectCrop
-        source: theme.ui.image
-        sourceSize.width: Screen.width
-        sourceSize.height: Screen.height
-        anchors.fill: parent
-        asynchronous: false
-    }
-
     LinearGradient {
         id: mainUIGradient
+        visible: ! image.visible
         anchors.fill: parent
         start: theme.ui.gradientStart
         end: theme.ui.gradientEnd
@@ -72,6 +62,17 @@ Item {
         }
     }
 
+    HImage {
+        id: image
+        visible: Boolean(Qt.resolvedUrl(source))
+        fillMode: Image.PreserveAspectCrop
+        source: theme.ui.image
+        sourceSize.width: Screen.width
+        sourceSize.height: Screen.height
+        anchors.fill: parent
+        asynchronous: false
+    }
+
     MainPane {
         id: mainPane
         maximumSize: parent.width - theme.minimumSupportedWidth * 1.5