From 73392277c6f3e30b6a7b41af60b3b936f9e1a88e Mon Sep 17 00:00:00 2001
From: Ivan Martinez <ivanthegreatdev@gmail.com>
Date: Tue, 16 Jan 2024 16:47:38 -0500
Subject: [PATCH] Add min height and remove unneeded css

---
 src/components/Why.css | 2 +-
 src/components/Why.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Why.css b/src/components/Why.css
index ca893ad..509f580 100644
--- a/src/components/Why.css
+++ b/src/components/Why.css
@@ -156,10 +156,10 @@
 }
 
 .why-image {
-  display: none;
   width: 100%;
   border-radius: 2.4rem;
   max-height: 40rem;
+  min-height: 10rem;
   object-fit: cover;
   object-position: top;
 }
diff --git a/src/components/Why.tsx b/src/components/Why.tsx
index 9495144..03488fb 100644
--- a/src/components/Why.tsx
+++ b/src/components/Why.tsx
@@ -67,7 +67,7 @@ const Why = () => {
             community, including over 250+ anime artists!
           </p>
           <div className="why-image-container">
-            <img className="why-image" src={uwu2} alt="uwu" />
+            <img className="why-image" src={uwu2} alt="uwu" loading="eager" />
             <a 
               href={`https://twitter.com/${imageCredits[1]}`} 
               target="_blank" 
@@ -85,7 +85,7 @@ const Why = () => {
             create a culture that values creativity, together~
           </p>
           <div className="why-image-container">
-            <img className="why-image" src={uwu3} alt="uwu" />
+            <img className="why-image" src={uwu3} alt="uwu" loading="eager" />
             <a 
               href={`https://twitter.com/${imageCredits[2]}`} 
               target="_blank"