diff --git a/assets/css/lightbox.css b/assets/css/lightbox.css
index 8366b1a..c2754f9 100644
--- a/assets/css/lightbox.css
+++ b/assets/css/lightbox.css
@@ -35,8 +35,3 @@
   background-size: contain;
 }
 
-.lightbox span img {
-  width: 75%;
-  margin: 0 auto;
-}
-
diff --git a/lib/chiya_web/controllers/page_html/note.html.heex b/lib/chiya_web/controllers/page_html/note.html.heex
index e232343..1f86eba 100644
--- a/lib/chiya_web/controllers/page_html/note.html.heex
+++ b/lib/chiya_web/controllers/page_html/note.html.heex
@@ -28,9 +28,11 @@
             <a href="#images" class="lightbox" id={"image-#{image.id}"}>
               <span>
                 <img
+                  class="md:max-w-screen-sm lg:max-w-screen-md xl:max-w-screen-lg max-h-screen mx-auto"
                   src={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :full_dithered)}
                   loading="lazy"
                 />
+                <span class="text-theme-background text-center"><%= image.content %></span>
               </span>
             </a>
           </article>