diff --git a/frontend/react/public/images/favicons/site.webmanifest b/frontend/react/public/images/favicons/site.webmanifest
index 85fe3e4b..b4b407a7 100644
--- a/frontend/react/public/images/favicons/site.webmanifest
+++ b/frontend/react/public/images/favicons/site.webmanifest
@@ -3,12 +3,12 @@
   "short_name": "DCS Olympus",
   "icons": [
     {
-      "src": "/images/favicons/android-chrome-192x192.png",
+      "src": "./images/favicons/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/images/favicons/android-chrome-512x512.png",
+      "src": "./images/favicons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
diff --git a/frontend/react/src/map/markers/explosionmarker.ts b/frontend/react/src/map/markers/explosionmarker.ts
index c564705d..633e82d6 100644
--- a/frontend/react/src/map/markers/explosionmarker.ts
+++ b/frontend/react/src/map/markers/explosionmarker.ts
@@ -31,7 +31,7 @@ export class ExplosionMarker extends CustomMarker {
     var el = document.createElement("div");
     el.classList.add("ol-explosion-icon");
     var img = document.createElement("img");
-    img.src = "/images/markers/explosion.svg";
+    img.src = "./images/markers/explosion.svg";
     img.onload = () => SVGInjector(img);
     el.appendChild(img);
     this.getElement()?.appendChild(el);
diff --git a/frontend/react/src/map/markers/smokemarker.ts b/frontend/react/src/map/markers/smokemarker.ts
index 064f3c99..86c62a59 100644
--- a/frontend/react/src/map/markers/smokemarker.ts
+++ b/frontend/react/src/map/markers/smokemarker.ts
@@ -28,7 +28,7 @@ export class SmokeMarker extends CustomMarker {
     el.classList.add("ol-smoke-icon");
     el.setAttribute("data-color", this.#color);
     var img = document.createElement("img");
-    img.src = "/images/markers/smoke.svg";
+    img.src = "./images/markers/smoke.svg";
     img.onload = () => SVGInjector(img);
     el.appendChild(img);
     this.getElement()?.appendChild(el);
diff --git a/frontend/react/src/map/markers/temporaryunitmarker.ts b/frontend/react/src/map/markers/temporaryunitmarker.ts
index d3bb1118..b08f39de 100644
--- a/frontend/react/src/map/markers/temporaryunitmarker.ts
+++ b/frontend/react/src/map/markers/temporaryunitmarker.ts
@@ -56,7 +56,7 @@ export class TemporaryUnitMarker extends CustomMarker {
       var unitIcon = document.createElement("div");
       unitIcon.classList.add("unit-icon");
       var img = document.createElement("img");
-      img.src = `/images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.#coalition}/${blueprint.markerFile ?? blueprint.category}.svg`;
+      img.src = `./images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.#coalition}/${blueprint.markerFile ?? blueprint.category}.svg`;
       img.onload = () => SVGInjector(img);
       unitIcon.appendChild(img);
       unitIcon.toggleAttribute("data-rotate-to-heading", false);
diff --git a/frontend/react/src/mission/airbase.ts b/frontend/react/src/mission/airbase.ts
index 4abe20ad..a526d042 100644
--- a/frontend/react/src/mission/airbase.ts
+++ b/frontend/react/src/mission/airbase.ts
@@ -67,7 +67,7 @@ export class Airbase extends CustomMarker {
     el.classList.add("airbase-icon");
     el.setAttribute("data-object", "airbase");
 
-    this.#img.src = "/images/markers/airbase.svg";
+    this.#img.src = "./images/markers/airbase.svg";
     this.#img.onload = () => SVGInjector(this.#img);
     el.appendChild(this.#img);
     this.getElement()?.appendChild(el);
diff --git a/frontend/react/src/mission/bullseye.ts b/frontend/react/src/mission/bullseye.ts
index a615981d..ebc614c7 100644
--- a/frontend/react/src/mission/bullseye.ts
+++ b/frontend/react/src/mission/bullseye.ts
@@ -23,7 +23,7 @@ export class Bullseye extends CustomMarker {
     el.classList.add("bullseye-icon");
     el.setAttribute("data-object", "bullseye");
     var img = document.createElement("img");
-    img.src = "/images/markers/bullseye.svg";
+    img.src = "./images/markers/bullseye.svg";
     img.onload = () => SVGInjector(img);
     el.appendChild(img);
     this.getElement()?.appendChild(el);
diff --git a/frontend/react/src/mission/carrier.ts b/frontend/react/src/mission/carrier.ts
index 540e4620..6ffcf34d 100644
--- a/frontend/react/src/mission/carrier.ts
+++ b/frontend/react/src/mission/carrier.ts
@@ -15,7 +15,7 @@ export class Carrier extends Airbase {
     el.classList.add("airbase-icon");
     el.setAttribute("data-object", "airbase");
 
-    this.getImg().src = "/images/carriers/nimitz.png";
+    this.getImg().src = "./images/carriers/nimitz.png";
     this.getImg().style.width = `0px`; // Make the image immediately small to avoid giant carriers
     el.appendChild(this.getImg());
     this.getElement()?.appendChild(el);
diff --git a/frontend/react/src/ui/components/olunitlistentry.tsx b/frontend/react/src/ui/components/olunitlistentry.tsx
index 517fc706..d56e3440 100644
--- a/frontend/react/src/ui/components/olunitlistentry.tsx
+++ b/frontend/react/src/ui/components/olunitlistentry.tsx
@@ -44,7 +44,7 @@ export function OlUnitListEntry(props: {
           invert
         `}>
         <img
-          src={`/images/units/${props.silhouette}`}
+          src={`./images/units/${props.silhouette}`}
           className="my-auto max-h-full max-w-full"
         />
         </div>
diff --git a/frontend/react/src/ui/components/olunitsummary.tsx b/frontend/react/src/ui/components/olunitsummary.tsx
index a56bf2c7..698739a1 100644
--- a/frontend/react/src/ui/components/olunitsummary.tsx
+++ b/frontend/react/src/ui/components/olunitsummary.tsx
@@ -20,7 +20,7 @@ export function OlUnitSummary(props: { blueprint: UnitBlueprint; coalition: Coal
           className={`
             absolute right-5 top-0 h-full object-cover opacity-10 invert
           `}
-          src={"vite/images/units/" + props.blueprint.filename}
+          src={"vite./images/units/" + props.blueprint.filename}
           alt=""
         />
         <div
diff --git a/frontend/react/src/ui/modals/loginmodal.tsx b/frontend/react/src/ui/modals/loginmodal.tsx
index 9539abc1..2a27796b 100644
--- a/frontend/react/src/ui/modals/loginmodal.tsx
+++ b/frontend/react/src/ui/modals/loginmodal.tsx
@@ -94,7 +94,7 @@ export function LoginModal(props: { open: boolean }) {
         max-md:border-none
       `}
     >
-      <img src="/images/splash/1.jpg" className={`
+      <img src="./images/splash/1.jpg" className={`
         contents-center w-full object-cover opacity-[7%]
       `}></img>
       <div
@@ -154,7 +154,7 @@ export function LoginModal(props: { open: boolean }) {
                   `}
                 >
                   <span className="size-[80px] min-w-14">
-                    <img src="/images/olympus-500x500.png" className={`
+                    <img src="./images/olympus-500x500.png" className={`
                       flex w-full
                     `}></img>
                   </span>
@@ -360,7 +360,7 @@ export function LoginModal(props: { open: boolean }) {
           >
             <Card className="flex">
               <img
-                src="/images/splash/1.jpg"
+                src="./images/splash/1.jpg"
                 className={`
                   h-[40%] max-h-[120px] contents-center w-full rounded-md
                   object-cover
@@ -385,7 +385,7 @@ export function LoginModal(props: { open: boolean }) {
             </Card>
             <Card className="flex">
               <img
-                src="/images/splash/1.jpg"
+                src="./images/splash/1.jpg"
                 className={`
                   h-[40%] max-h-[120px] contents-center w-full rounded-md
                   object-cover
diff --git a/frontend/react/src/ui/panels/formationmenu.tsx b/frontend/react/src/ui/panels/formationmenu.tsx
index 96902d87..b7cc9c90 100644
--- a/frontend/react/src/ui/panels/formationmenu.tsx
+++ b/frontend/react/src/ui/panels/formationmenu.tsx
@@ -349,7 +349,7 @@ export function FormationMenu(props: {
                         translate-y-[-50%] rotate-90 cursor-move opacity-80
                         invert
                       `}
-                      src={`/images/units/${unit?.getBlueprint()?.filename}`}
+                      src={`./images/units/${unit?.getBlueprint()?.filename}`}
                     ></img>
                   </div>
                 );
diff --git a/frontend/react/src/ui/panels/header.tsx b/frontend/react/src/ui/panels/header.tsx
index 345a571f..43bcc50e 100644
--- a/frontend/react/src/ui/panels/header.tsx
+++ b/frontend/react/src/ui/panels/header.tsx
@@ -68,7 +68,7 @@ export function Header() {
         dark:border-gray-800 dark:bg-olympus-900
       `}
     >
-      <img src="images/icon.png" className={`my-auto h-10 w-10 rounded-md p-0`}></img>
+      <img src="./images/icon.png" className={`my-auto h-10 w-10 rounded-md p-0`}></img>
       {!scrolledLeft && (
         <FaChevronLeft
           className={`
diff --git a/frontend/react/src/unit/unit.ts b/frontend/react/src/unit/unit.ts
index 8ebc3c51..60fa5731 100644
--- a/frontend/react/src/unit/unit.ts
+++ b/frontend/react/src/unit/unit.ts
@@ -66,8 +66,8 @@ import {
 const bearingStrings = ["north", "north-east", "east", "south-east", "south", "south-west", "west", "north-west", "north"];
 
 var pathIcon = new Icon({
-  iconUrl: "/images/markers/marker-icon.png",
-  shadowUrl: "/images/markers/marker-shadow.png",
+  iconUrl: "./images/markers/marker-icon.png",
+  shadowUrl: "./images/markers/marker-shadow.png",
   iconAnchor: [13, 41],
 });
 
@@ -912,7 +912,7 @@ export abstract class Unit extends CustomMarker {
       if (this.belongsToCommandedCoalition() || this.getDetectionMethods().some((value) => [VISUAL, OPTIC].includes(value)))
         marker = this.getBlueprint()?.markerFile ?? this.getDefaultMarker();
       else marker = "aircraft";
-      img.src = `/images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${marker}.svg`;
+      img.src = `./images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${marker}.svg`;
       img.onload = () => SVGInjector(img);
       unitIcon.appendChild(img);
 
diff --git a/frontend/react/src/weapon/weapon.ts b/frontend/react/src/weapon/weapon.ts
index 3fb2d663..073ac7a8 100644
--- a/frontend/react/src/weapon/weapon.ts
+++ b/frontend/react/src/weapon/weapon.ts
@@ -178,7 +178,7 @@ export class Weapon extends CustomMarker {
       var unitIcon = document.createElement("div");
       unitIcon.classList.add("unit-icon");
       var img = document.createElement("img");
-      img.src = `/images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${this.getMarkerCategory()}.svg`;
+      img.src = `./images/units/map/${getApp().getMap().getOptions().AWACSMode ? "awacs" : "normal"}/${this.getCoalition()}/${this.getMarkerCategory()}.svg`;
       img.onload = () => SVGInjector(img);
       unitIcon.appendChild(img);
       unitIcon.toggleAttribute("data-rotate-to-heading", this.getIconOptions().rotateToHeading);