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;
 }