From 1289c6b838faa99134dcdfce0d18f88a3e95688d Mon Sep 17 00:00:00 2001
From: Hamza <hnasheralneam@gmail.com>
Date: Wed, 19 Jun 2024 09:08:14 -0400
Subject: [PATCH] Move image styles to stylesheet

---
 styles/thoughts.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/styles/thoughts.css b/styles/thoughts.css
index 5ef29cc..6286174 100644
--- a/styles/thoughts.css
+++ b/styles/thoughts.css
@@ -38,12 +38,14 @@ body {
 }
 
 .article img {
+   max-height: 400px;
    max-width: 700px;
 }
 
 @media (max-width: 700px) {
   .article img {
-    max-width: 100vw; /* For screens less than 700px wide */
+     max-height: none;
+     max-width: calc(100vw - 4em);
   }
 }