diff --git a/steps/index.html b/steps/index.html
index 3e2271d..fa94dce 100644
--- a/steps/index.html
+++ b/steps/index.html
@@ -123,6 +123,12 @@
             Load JSON data to start visualization
           </p>
         </div>
+        <!-- START: Add the new Radar Info Overlay here -->
+        <div id="radar-info-overlay"
+          class="absolute top-1 left-2 z-10 bg-black bg-opacity-60 text-white font-mono text-xs p-2 rounded-md hidden">
+          <!-- Content will be added by JavaScript -->
+        </div>
+        <!-- END: Add the new Radar Info Overlay here -->
         <div class="absolute bottom-2 left-1/2 -translate-x-1/2 flex items-center justify-center gap-4">
           <div id="ego-speed-display"
             class="bg-black bg-opacity-60 text-white text-sm px-3 py-1.5 rounded-md hidden font-mono"></div>
@@ -203,6 +209,12 @@
         <p id="video-placeholder" class="text-gray-500 dark:text-gray-400 text-lg">
           Load a video file
         </p>
+        <!-- START: Add the new Video Info Overlay here -->
+        <div id="video-info-overlay"
+          class="absolute top-1 left-2 z-10 bg-black bg-opacity-60 text-white font-mono text-xs p-2 rounded-md hidden">
+          <!-- Content will be added by JavaScript -->
+        </div>
+        <!-- END: Add the new Video Info Overlay here -->
         <div id="debug-overlay"
           class="absolute top-0 left-0 bg-black bg-opacity-60 text-white p-2 font-mono text-xs hidden w-full"></div>
       </div>