Make images loading less jarring

comic_reader.css

@@ -14,7 +14,7 @@
 #reader-pages > img {
     display: inline-block;
     opacity:0;
-    transition: all 1.5s ease;
+    transition: all 1s cubic-bezier(.9,.03,.69,.22); /* ease-in quartic */
     flex-shrink: 0;
 }
 

comic_reader.js

@@ -103,7 +103,10 @@ function initReader(){
     }
     
     READER_PAGES.style.display = "flex"
+    setTimeout(() => {
         READER_PAGES.hidden = false
+    }, "300")
+    
     
 }