Trying to get html images to work.

web/pages/index.html

@@ -12,7 +12,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.1.0/js-yaml.min.js"></script>
     <!-- Material Design Icons -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css">
-    <link rel="icon" href="./media/favicon.ico" type="image/x-icon">
+    <link rel="icon" href="../media/favicon.ico" type="image/x-icon">
 </head>
 
 <style>
@@ -28,7 +28,7 @@
   
   <!-- Welcome screen -->
   <div class="p-12 justify-center flex flex-col items-center">
-    <img class="w-64 h-64 auto drop-shadow-2xl animate-pulse-slow" src="../media/logo.png" alt="Numbus Logo">
+    <img class="w-64 h-64 auto drop-shadow-2xl animate-pulse-slow" src="/media/logo.png" alt="Numbus Logo">
     <h1 class="p-8 text-center text-6xl font-extrabold tracking-tight">Welcome to <span class="text-sky-400 animate-pulse-slow text-shadow-glow">NUMBUS</span></h1>
     <p class="text-center text-2xl p-2">Transform your device into a <strong>secure, reliable and private</strong> appliance <br> using the power of open-soure software.</p>
     <p class="text-center text-2xl p-2 pb-10">You will be <strong>guided</strong> through the configuration process.</p>