diff --git a/frontend/src/component/photo/viewer.vue b/frontend/src/component/photo/viewer.vue
index 06ee18b55..bf1b0ced1 100644
--- a/frontend/src/component/photo/viewer.vue
+++ b/frontend/src/component/photo/viewer.vue
@@ -116,9 +116,6 @@
                 if (this.interval) {
                     clearInterval(this.interval);
                     this.interval = false;
-                    
-                    const psp = this.$viewer.gallery;
-                    psp.framework.removeClass(psp.container, "slide_show");
                 }
             },
             onSlideshow() {
@@ -132,15 +129,13 @@
 
                 psp.next();
 
-                psp.framework.addClass(psp.container, "slide_show");
-
                 self.interval = setInterval(() => {
                     if (psp && typeof psp.next === "function") {
                         psp.next();
                     } else {
                         this.onPause();
                     }
-                }, 4000);
+                }, 5000);
             },
             onDownload() {
                 if (!this.item || !this.item.download_url) {
diff --git a/frontend/src/css/viewer.css b/frontend/src/css/viewer.css
index 70c8bb9e9..d0fdd5780 100644
--- a/frontend/src/css/viewer.css
+++ b/frontend/src/css/viewer.css
@@ -55,19 +55,6 @@
     box-shadow: none;
 }
 
-@keyframes fadeInOut {
-    0% {
-        opacity:0;
-    }
-    30% {
-        opacity:1;
-    }
+#p-photo-viewer .pswp__container {
+    transition: transform 1s ease-in-out;
 }
-  
-.slide_show {
-    animation-name: fadeInOut;
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: infinite;
-    animation-duration: 2s;
-    animation-direction: alternate;
-}
\ No newline at end of file