fix(background): Offline images

src/features/modals/welcome/components/Layout/Panel.jsx

@@ -1,5 +1,13 @@
 const Panel = ({ children, type }) => (
-  <section> {type === 'content' ? <div className="content">{children}</div> : children}</section>
+  <section className={type}>
+    {type === 'content' ? (
+      <div className="content">{children}</div>
+    ) : type === 'aside' ? (
+      <>{children}</>
+    ) : (
+      children
+    )}
+  </section>
 );
 
 export { Panel as default, Panel };

src/features/modals/welcome/welcome.scss

@@ -32,7 +32,7 @@
   grid-template-rows: repeat(1, 1fr);
   grid-gap: 0;
 
-  section:nth-child(1) {
+  section.aside {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -42,7 +42,7 @@
     }
   }
 
-  section:nth-child(2) {
+  section.content {
     display: flex;
     flex-flow: column;
     justify-content: space-between;

src/utils/background/getOfflineImage.js

@@ -22,7 +22,7 @@ export function offlineBackground(type) {
     ];
 
   const object = {
-    url: `./offline-images/${randomImage}.webp`,
+    url: `src/assets/offline-images/${randomImage}.webp`,
     type,
     photoInfo: {
       offline: true,