CSS looks even better

src/static/css/all.css

@@ -36,9 +36,12 @@ html, body {
     background-attachment: fixed;
 }
 footer {
-    position: fixed; bottom: 0; left: 0;
+    position: fixed; 
+    bottom: 0; 
+    left: 0;
+    right: 0;
+    width: 100%;
     background-color: transparent;
-    width: 100vw;
 }
 
 a, a:link, a:visited, a:hover, a:active, b, p {

src/static/css/entry.css

@@ -36,6 +36,7 @@ img {
     font-size: 1em;
     text-align: center;
     font-weight: bold;
+    max-width: 100%;
     text-shadow:
             -1px -1px 1px #080410,
             0   -1px 1px #080410,
@@ -58,13 +59,17 @@ img {
     color: #080410;
     text-indent: 2em;
     padding: 1em;
+    max-width: 100%;
+    word-wrap: break-word;
 }
 .diary-content img {
     display: block;
     margin-top: 1em;
     margin-bottom: 0em;
     margin-left: 0em;
-    max-width: 31.25em;
+    /*max-width: 31.25em;*/
+    max-width: 100%; /* Ensures images don't exceed container width */
+    height: auto; /* Maintains aspect ratio */
 }
 .diary-content h2, h3, h4 {
     margin-top: 1em;