diff --git a/content/experiences/index.md b/content/experiences/index.md
index 702e0ed..0a081bb 100644
--- a/content/experiences/index.md
+++ b/content/experiences/index.md
@@ -27,14 +27,8 @@ weight: 5
 <!-- section 2 -->
 
 {% row(margin="withContainer" padding="both") %}
-<div id="gallery-hash-experiences">
 
-<a style="background-color: transparent">
-
-![Image](./img/exp_book.jpg#mx-auto)
-
-</a>
-</div>
+<div id="inline-gallery-container" class="inline-gallery-container"></div>
 
 |||
 
diff --git a/css/index.css b/css/index.css
index 75bc613..1354e0f 100644
--- a/css/index.css
+++ b/css/index.css
@@ -437,6 +437,20 @@ header {
 .header:hover .back {
   transform: none;
 }
+.inline-gallery-container {
+  width: 100%;
+  height: 0;
+  padding-bottom: 65%;
+}
+.lg-next {
+  right: 0;
+}
+.lg-backdrop {
+  background-color: transparent !important;
+}
+.lg-next, .lg-prev {
+  color: #000
+}
 @media (max-width: 768px) {
   h2 {
     font-size: 4rem;
diff --git a/static/js/custom.js b/static/js/custom.js
index c2204ca..9838ae7 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -226,29 +226,24 @@ if (document.getElementById("gallery-hash-restaurant-2") !== null) {
 }
 
 // Experiences
-if (document.getElementById("gallery-hash-experiences") !== null) {
-  const experiences = lightGallery(
-    document.getElementById("gallery-hash-experiences"),
-    {
-      dynamic: true,
-      hash: false,
-      galleryId: 2,
-      dynamicEl: [
-        { src: "../images/experiences/exper1.jpg" },
-        { src: "../images/experiences/exper2.jpg" },
-        { src: "../images/experiences/exper3.jpg" },
-        { src: "../images/experiences/exper4.jpg" },
-        { src: "../images/experiences/exper5.jpg" },
-        { src: "../images/experiences/exper6.jpg" },
-        { src: "../images/experiences/exper7.jpg" },
-        { src: "../images/experiences/exper8.jpg" },
-      ],
-    }
-  );
+const lgContainer = document.getElementById("inline-gallery-container");
+const inlineGallery = lightGallery(lgContainer, {
+  container: lgContainer,
+  download: false,
+  dynamic: true,
+  closable: false,
+  counter: false,
+  slideDelay: 300,
+  dynamicEl: [
+    { src: "../images/experiences/exper1.jpg" },
+    { src: "../images/experiences/exper2.jpg" },
+    { src: "../images/experiences/exper3.jpg" },
+    { src: "../images/experiences/exper4.jpg" },
+    { src: "../images/experiences/exper5.jpg" },
+    { src: "../images/experiences/exper6.jpg" },
+    { src: "../images/experiences/exper7.jpg" },
+    { src: "../images/experiences/exper8.jpg" },
+  ],
+});
 
-  document
-    .getElementById("gallery-hash-experiences")
-    .addEventListener("click", function () {
-      experiences.openGallery(0);
-    });
-}
+inlineGallery.openGallery();