added related work table to webpage

index.html

@@ -14,8 +14,8 @@ <h1>Wake Vision</h1>
         <nav>
             <ul>
                 <li><a href="#home">Home</a></li>
-                <li><a href="#access">Access the Dataset</a></li>
-                <li><a href="#about">About the Dataset</a></li>
+                <li><a href="#access">Access</a></li>
+                <li><a href="#about">About</a></li>
                 <li><a href="#sponsors">Sponsors</a></li>
                 <li><a href="#contact">Contact</a></li>
             </ul>
@@ -43,7 +43,10 @@ <h2>About</h2>
             conditions, and depictions. Hosted on Harvard Dataverse, it provides images, CSV files, and code to generate
             a Wake Vision TensorFlow Dataset. Annotations are published under a CC BY 4.0 license, and all images are
             sourced from the Open Images v7 dataset under a CC BY 2.0 license.</p>
-        <!-- Example image to visually represent the dataset -->
+        <section id="featured-image">
+            <img src="related_work_table.png"
+                alt="Table summarizing related datasets. Important takeaways are that Wake Vision is larger and includes more features than other datasets meant for tinyML">
+        </section>
         <h3>Examples</h3>
         <div class="image-grid">
             <div class="image-item">

styles.css

@@ -94,6 +94,15 @@ footer {
     margin: 0;
 }
 
+#featured-image img {
+    width: 100%;
+    /* Makes the image responsive and full width */
+    height: auto;
+    /* Maintains the aspect ratio of the image */
+    display: block;
+    /* Removes any default margin/padding */
+}
+
 @media (max-width: 768px) {
     .image-grid {
         grid-template-columns: 1fr;