diff --git a/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx b/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
index ea497355a3..bd35c08ee4 100644
--- a/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
+++ b/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
@@ -584,7 +584,11 @@ export function LightboxModal({
                 controls
                 loop={true}
                 autoPlay={true}
+                playsInline
                 className="h-full w-full object-contain"
+                // Give WebKit a dedicated compositing layer for paused frames,
+                // independent of the modal's transform/opacity animation.
+                style={{ transform: "translateZ(0)" }}
                 onLoadedData={(e) => {
                   setMediaLoaded(true);
                   const el = e.currentTarget;