From d20068e3fcc4eef677013ba9a9cc1af6e0b11b13 Mon Sep 17 00:00:00 2001
From: Mark Valentino <mike9377mike9377@gmail.com>
Date: Thu, 15 Aug 2024 19:00:39 -0400
Subject: [PATCH] fine tuned .html-thumbnail.html img widths to prevent
 overflow

---
 sass/_project-sass/_project-Main.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index 50b0ded5..6d614325 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -1002,14 +1002,18 @@ a.tag:hover {
   }
   &:first-child .html-thumbnail.html {
     width: 540px;
+    height: 405px;
     @media (max-device-width:480px), screen and (max-width:800px) {
       width: 270px;
       height: 202px;
     }
   }
   &:first-child .html-thumbnail.html img {
-    width: 540px;
-    height: 405px;
+    aspect-ratio: 540 / 405;
+    height: auto;
+    max-width: 540px;
+    width: 52vw;
+    float: left;
     @media (max-device-width:480px), screen and (max-width:800px) {
       width: 270px;
       height: 202px;