diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 277be32a..8d9e330a 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -124,7 +124,10 @@ video.imagewrapper-big {
 }
 
 .image-zoom-overlay.closing {
-  animation: fadeOut 0.2s ease-out;
+  /* forwards holds opacity 0 after the animation ends, covering the gap
+     until React's unmount timeout fires (otherwise the overlay snaps back
+     to full opacity for a frame). */
+  animation: fadeOut 0.2s ease-out forwards;
 }
 
 .image-zoom-content {
@@ -138,7 +141,7 @@ video.imagewrapper-big {
 }
 
 .image-zoom-content.closing {
-  animation: zoomOut 0.2s ease-out;
+  animation: zoomOut 0.2s ease-out forwards;
 }
 
 .image-zoom-close {