diff --git a/lib/chiya_web/live/note_show_live.ex b/lib/chiya_web/live/note_show_live.ex
index 1aba88e..c2dbdf7 100644
--- a/lib/chiya_web/live/note_show_live.ex
+++ b/lib/chiya_web/live/note_show_live.ex
@@ -30,11 +30,15 @@ defmodule ChiyaWeb.NoteShowLive do
     <div class="flex flex-wrap gap-3">
       <%= for image <- @note.images do %>
         <article>
-          <a href={Chiya.Uploaders.NoteImage.url({image.path, image}, :full_dithered)}><img
+          <a href="#image-<%= image.id %>"><img
             class="rounded-lg w-28 "
             src={Chiya.Uploaders.NoteImage.url({image.path, image}, :thumb_dithered)}
           /></a>
           <p class="text-center text-xs text-zinc-700"><a href="">Delete image</a></p>
+
+          <a href="#" class="lightbox" id="image-<%= image.id %>">
+            <span style="background-image: url('<%= Chiya.Uploaders.NoteImage.url({image.path, image}, :full_dithered) %>')"></span>
+          </a>
         </article>
       <% end %>
     </div>