diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
index b3064d79..0a228ddb 100644
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -6,15 +6,11 @@
 </div>
 
 <script>
-
-  document.addEventListener("DOMContentLoaded", function () {
-    setTimeout(() => {
-      var elem = document.querySelector('#{{ $id }}');
-      var pckry = new Packery(elem, {
-        percentPosition: true,
-        gutter: 5,
-        resize: true
-      });
-    }, 50)
-  });
+  $(document).ready(function () {
+    $('#{{ $id }}').packery({
+      percentPosition: true,
+      gutter: 5,
+      resize: true
+    });
+  })
 </script>
\ No newline at end of file
diff --git a/package.json b/package.json
index 98f5f4e8..b0e9d806 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.30.0",
+  "version": "2.31.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "fullinstall": "npm run preinstall && npm install && npm run postinstall",