From 3a409dfe1e137a121e5a02dbd01af5c81b261c41 Mon Sep 17 00:00:00 2001
From: Joeri Exelmans <joeri.exelmans@gmail.com>
Date: Fri, 31 Oct 2025 16:37:31 +0100
Subject: [PATCH] CSS animation speed follows simulation speed

---
 src/App/Plant/TrafficLight/TrafficLight.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App/Plant/TrafficLight/TrafficLight.tsx b/src/App/Plant/TrafficLight/TrafficLight.tsx
index a105f21..8ffd4da 100644
--- a/src/App/Plant/TrafficLight/TrafficLight.tsx
+++ b/src/App/Plant/TrafficLight/TrafficLight.tsx
@@ -63,7 +63,7 @@ export const TrafficLight = memo(function TrafficLight({state, speed, raiseUIEve
         src: url(${fontDigital});
       }
       image {
-        transition: opacity 300ms ease;
+        transition: opacity ${300/speed}ms ease;
       }
       .hidden {
         opacity: 0;