diff --git a/src/components/Lightbox.astro b/src/components/Lightbox.astro
index caf465f..71bde61 100644
--- a/src/components/Lightbox.astro
+++ b/src/components/Lightbox.astro
@@ -1,6 +1,6 @@
 <figure class="place-content-center app-lightbox backdrop-blur-md">
   <img class="portal" />
-  <figcaption class="desc rounded font-bold backdrop-blur-sm"></figcaption>
+  <figcaption class="desc rounded font-bold backdrop-blur-sm bg-black/50"></figcaption>
 </figure>
 
 <script>
@@ -61,7 +61,7 @@
     cursor: zoom-out;
     background-color: var(--bg-color, hsla(0, 0%, 0%, 0.623));
     opacity: 0;
-    transition: opacity 0.35s;
+    transition: opacity ease-in-out 0.35s;
 
     &.is-active {
       pointer-events: initial;
@@ -83,7 +83,7 @@
     transition:
       opacity 0.35s,
       transform 0.35s;
-    transform: scale(0.2);
+    transform: scale(0.5);
 
     :global(img) {
       width: 100%;