fix people

clewis7 · clewis7 · commit 14490f2ef39c · 2026-01-02T21:43:18.000-05:00
diff --git a/people.html b/people.html
@@ -32,9 +32,11 @@
           </div>
 
           <div class="image-item">
-            <img src="images/logo_face.png" alt="Image 2" />
+            <img src="images/caitlin.jpg" alt="Image 2" />
             <p class="caption">
-              This is centered text under the second image. Same behavior here.
+              <b>Caitlin Lewis</b> <br />
+              PhD Student <br />
+              Duke Pearson Lab
             </p>
           </div>
         </div>
diff --git a/style.css b/style.css
@@ -153,8 +153,10 @@ main .quad-text {
 }
 
 .image-item img {
-  width: 180px; /* ← change this number */
-  height: auto;
+  height: 20vh; /* relative to viewport */
+  max-height: 180px;
+  width: auto;
+  object-fit: contain;
 }
 
 .image-item .caption {

Original file line number	Diff line number	Diff line change
`@@ -153,8 +153,10 @@ main .quad-text {`
`153`	`153`	`}`
`154`	`154`
`155`	`155`	`.image-item img {`
`156`		`- width: 180px; /* ← change this number */`
`157`		`- height: auto;`
	`156`	`+ height: 20vh; /* relative to viewport */`
	`157`	`+ max-height: 180px;`
	`158`	`+ width: auto;`
	`159`	`+ object-fit: contain;`
`158`	`160`	`}`
`159`	`161`
`160`	`162`	`.image-item .caption {`