Set the competitor's duration to 1.2 seconds for the entire sequence, and set our portion to 0.3 seconds. The competitor's color is red, and our portion is green.

index.html

@@ -102,11 +102,9 @@
                             </div>
                             <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
                                 <div class="relative h-full">
-                                    <div class="absolute h-full bg-gray-300 rounded-full" style="width: 100%"></div>
-                                    <div class="absolute h-full bg-primary rounded-full" style="width: 25%"></div>
-                                    <div class="absolute h-full bg-secondary rounded-full" style="width: 25%"></div>
-                                    <div class="absolute h-full bg-primary rounded-full" style="left: 25%; width: 5%"></div>
-                                </div>
+                                    <div class="absolute h-full bg-red-500 rounded-full" style="width: 100%"></div>
+                                    <div class="absolute h-full bg-green-500 rounded-full" style="left: 75%; width: 25%"></div>
+</div>
                             </div>
                             <div class="flex justify-between text-xs text-gray-500">
                                 <span>Competitors: 1.2s</span>