diff --git a/web/apps/cast/src/components/Slide.tsx b/web/apps/cast/src/components/Slide.tsx
index 22f25daa665f3b520e9beefd1929460d0cd7abd9..7ed7213571e1cc61e3ca78e15d4e14f14baf55fb 100644
--- a/web/apps/cast/src/components/Slide.tsx
+++ b/web/apps/cast/src/components/Slide.tsx
@@ -23,6 +23,9 @@ export const SlideView: React.FC<SlideViewProps> = ({ url, nextURL }) => {
                 backgroundRepeat: "no-repeat",
                 backgroundBlendMode: "multiply",
                 backgroundColor: "rgba(0, 0, 0, 0.5)",
+                // Smooth out the transition a bit.
+                // Does not work in Firefox.
+                transition: "background 2s",
             }}
         >
             <div