From dd03f7bede69e0b615b00c36a8aea013412164e8 Mon Sep 17 00:00:00 2001
From: Nasir Anthony Montalvo <nasiranthonymontalvo@gmail.com>
Date: Mon, 26 Jan 2026 18:40:03 -0600
Subject: [PATCH] css edits

---
 _layouts/about.html |  2 +-
 _sass/_custom.scss  | 17 ++++++++---------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/_layouts/about.html b/_layouts/about.html
index d884cde..783613a 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -81,7 +81,7 @@ layout: default
 
 </div>
 
-<!-- Lightbox Modal (This is globally accessible across pages) -->
+<!-- Lightbox Modal  -->
 <div class="modal fade" id="image-lightbox" tabindex="-1" aria-labelledby="image-lightboxLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
index fbc33f9..1507041 100644
--- a/_sass/_custom.scss
+++ b/_sass/_custom.scss
@@ -880,25 +880,25 @@ blockquote {
   margin-top: 0.5rem;
   border-top: 1px solid rgba(0,0,0,0.1);
 }
-/* Remove Spotlight auto-fit button */
+
 .spl-autofit {
     display: none !important;
 }
 .image-container {
     text-align: center;
-    max-width: 100%;  /* Set max-width for the image and caption container */
-    margin: 0 auto;  /* Center the container horizontally */
+    max-width: 100%;  
+    margin: 0 auto; 
 }
 
 .image-container img {
-    width: 100%;  /* Image will take up 100% of the container width */
-    height: auto;  /* Maintain aspect ratio */
+    width: 100%;  
+    height: auto;  
 }
 
 .image-container figcaption {
     font-size: 0.85rem;
-    width: 100%;  /* Caption takes up 100% width of the container */
-    margin-top: 0.5rem;  /* Space between the image and caption */
+    width: 100%;  
+    margin-top: 0.5rem;  
     text-align: center;
 }
 .footnotes {
@@ -928,13 +928,12 @@ blockquote {
     font-size: 12px;
   }
 }
-/* Make sure the images are responsive within the modal */
+
 .modal-body img {
     max-width: 100%;
     height: auto;
 }
 
-/* Optional: To make captions look more attractive within the modal */
 .modal-body p {
     font-size: 1rem;
     line-height: 1.6;