Added homescreen screenshot

Author: rafamonteiro

assets/screenshots/HOME-DASHBOARD.png

@@ -131,6 +131,9 @@ <h3>Ready to Play</h3>
     <section id="screenshots" class="screenshots">
       <h2 class="section-title animate-on-scroll">See It In Action</h2>
       <div class="screenshots-grid">
+        <div class="screenshot-wrapper animate-on-scroll">
+          <img src="assets/screenshots/HOME-DASHBOARD.png" alt="Home Dashboard View" class="screenshot-img">
+        </div>
         <div class="screenshot-wrapper animate-on-scroll">
           <img src="assets/screenshots/OPL-PS1-Library-Screenshot.png" alt="PS1 Library View" class="screenshot-img">
         </div>

index.html

@@ -276,11 +276,12 @@ header {
 @media (min-width: 900px) {
   .screenshots-grid {
     flex-direction: row;
+    flex-wrap: wrap;
   }
 }
 
 .screenshot-wrapper {
-  flex: 1;
+  flex: 1 1 400px;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: var(--glass-shadow);
@@ -290,6 +291,12 @@ header {
   cursor: pointer;
 }
 
+@media (min-width: 900px) {
+  .screenshot-wrapper:first-child {
+    flex: 1 1 100%;
+  }
+}
+
 .screenshot-wrapper:hover {
   transform: translateY(-8px) scale(1.02);
   border-color: rgba(0, 240, 255, 0.4);