Fix: use absolute URLs for images so they render on the org page

index.html

@@ -148,12 +148,12 @@
 
     <!-- Logo -->
     <div class="logo-wrap">
-        <img src="images/logo.png" alt="Automatum Data Logo" />
+        <img src="https://automatumdata-readme.static.hf.space/images/logo.png" alt="Automatum Data Logo" />
     </div>
 
     <!-- Hero Image -->
     <div class="hero-wrap">
-        <img src="images/hero.jpg" alt="Automatum Data - Drone Traffic Analysis" />
+        <img src="https://automatumdata-readme.static.hf.space/images/hero.jpg" alt="Automatum Data - Drone Traffic Analysis" />
     </div>
 
     <!-- Description -->
@@ -173,19 +173,19 @@
     <h2>&#128205; Covered Scenarios</h2>
     <div class="scenario-grid">
         <div class="scenario-card">
-            <img src="images/icon_tcrossing.jpg" alt="T-Crossing Scenario" />
+            <img src="https://automatumdata-readme.static.hf.space/images/icon_tcrossing.jpg" alt="T-Crossing Scenario" />
             <div class="label">T-Crossing</div>
         </div>
         <div class="scenario-card">
-            <img src="images/icon_roundabout.jpg" alt="Roundabout Scenario" />
+            <img src="https://automatumdata-readme.static.hf.space/images/icon_roundabout.jpg" alt="Roundabout Scenario" />
             <div class="label">Roundabout</div>
         </div>
         <div class="scenario-card">
-            <img src="images/dataset_ramps.jpg" alt="Highway with Ramps" />
+            <img src="https://automatumdata-readme.static.hf.space/images/dataset_ramps.jpg" alt="Highway with Ramps" />
             <div class="label">Highway Ramps</div>
         </div>
         <div class="scenario-card">
-            <img src="images/dataset_open.jpg" alt="Open Highway" />
+            <img src="https://automatumdata-readme.static.hf.space/images/dataset_open.jpg" alt="Open Highway" />
             <div class="label">Open Highway</div>
         </div>
     </div>