From c39aa1f5253fc147f17cdf0e13ad521738ce18bc Mon Sep 17 00:00:00 2001
From: Daniel Fichtinger <daniel@ficd.ca>
Date: Wed, 9 Jul 2025 13:42:05 -0400
Subject: [PATCH] fixed image overflow in stylesheet

---
 content/static/style.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/content/static/style.css b/content/static/style.css
index 0ebd3fb..e6e3124 100644
--- a/content/static/style.css
+++ b/content/static/style.css
@@ -94,6 +94,8 @@ a:hover {
     background: var(--main-transparent);
 }
 
+max-width: 100%;
+overflow: hidden;
 img {
     display: block;
     margin-left: auto;
@@ -183,11 +185,20 @@ small a {
 .image-container {
     text-align: center;
     margin: 20px 0;
+    max-width: 100%;
+    overflow: hidden;
     /* Optional: add some spacing around the image container */
 }
 
 .image-container img {
-    /* max-width: 308px; */
+    max-width: 100%;
+    width: auto;
+    max-height: 100%;
+    height: auto;
+}
+
+.fixed .image-container img {
+    max-width: 308px;
     max-height: 308px;
 }