Update styles and replace SVG logos with image assets

static/img/car.svg

@@ -0,0 +1,102 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 400" class="car-svg">
+<style>
+:root { --accent: #ff0000; --text-muted: #888888; }
+</style>
+<!-- Car body -->
+<rect
+    x="55"
+    y="80"
+    width="90"
+    height="240"
+    rx="30"
+    ry="30"
+    fill="none"
+    stroke="var(--text-muted)"
+    stroke-width="2"
+/>
+<!-- Windshield -->
+<line
+    x1="65"
+    y1="110"
+    x2="135"
+    y2="110"
+    stroke="var(--text-muted)"
+    stroke-width="1.5"
+/>
+<!-- Back view -->
+<line
+    x1="65"
+    y1="290"
+    x2="135"
+    y2="290"
+    stroke="var(--text-muted)"
+    stroke-width="1.5"
+/>
+<!-- Front view camera dot -->
+<circle cx="100" cy="78" r="5" fill="var(--accent)" />
+<!-- Back view camera dot -->
+<circle cx="100" cy="322" r="5" fill="var(--accent)" />
+<!-- Left repeater dot -->
+<circle cx="53" cy="130" r="4" fill="var(--accent)" />
+<!-- Right repeater dot -->
+<circle cx="147" cy="130" r="4" fill="var(--accent)" />
+<!-- Left pillar dot -->
+<circle cx="53" cy="200" r="4" fill="var(--accent)" />
+<!-- Right pillar dot -->
+<circle cx="147" cy="200" r="4" fill="var(--accent)" />
+<!-- Labels -->
+<text
+    x="100"
+    y="68"
+    text-anchor="middle"
+    fill="var(--text-muted)"
+    font-size="9"
+>
+    Front
+</text>
+<text
+    x="100"
+    y="342"
+    text-anchor="middle"
+    fill="var(--text-muted)"
+    font-size="9"
+>
+    Back
+</text>
+<text
+    x="42"
+    y="134"
+    text-anchor="end"
+    fill="var(--text-muted)"
+    font-size="8"
+>
+    L Rep
+</text>
+<text
+    x="158"
+    y="134"
+    text-anchor="start"
+    fill="var(--text-muted)"
+    font-size="8"
+>
+    R Rep
+</text>
+<text
+    x="42"
+    y="204"
+    text-anchor="end"
+    fill="var(--text-muted)"
+    font-size="8"
+>
+    L Pil
+</text>
+<text
+    x="158"
+    y="204"
+    text-anchor="start"
+    fill="var(--text-muted)"
+    font-size="8"
+>
+    R Pil
+</text>
+</svg>