diff --git a/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.css b/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.css
index e285f5f3..6dca0590 100644
--- a/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.css
+++ b/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.css
@@ -21,11 +21,11 @@ app-gallery-lightbox-photo {
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   background-color: black;
-  transition: all 0.3s ease-in-out;
-  -o-transition: all 0.3s ease-in-out;
-  -ms-transition: all 0.3s ease-in-out;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
 }
 
 app-info-panel {
@@ -35,11 +35,11 @@ app-info-panel {
   max-width: 100vw;
   right: 0;
   top: 0;
-  transition: all 0.3s ease-in-out;
-  -o-transition: all 0.3s ease-in-out;
-  -ms-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  -webkit-transition: all 0.3s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
 }
 
 
diff --git a/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.ts b/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.ts
index 781867ae..1f34d1ee 100644
--- a/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.ts
+++ b/src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.ts
@@ -265,7 +265,7 @@ export class GalleryLightboxComponent implements OnDestroy, OnInit {
     const elem = this.builder
       .build([
         style(DimensionUtils.toString(from)),
-        animate(300, style(DimensionUtils.toString(to))),
+        animate('0.2s ease-in-out', style(DimensionUtils.toString(to))),
       ])
       .create(this.mediaElement.elementRef.nativeElement);
     elem.play();
@@ -285,7 +285,7 @@ export class GalleryLightboxComponent implements OnDestroy, OnInit {
     const elem = this.builder
       .build([
         style(DimensionUtils.toString(from)),
-        animate(300, style(DimensionUtils.toString(to))),
+        animate('0.2s ease-in-out', style(DimensionUtils.toString(to))),
       ])
       .create(this.lightboxElement.nativeElement);
     elem.play();