dev officer image resizing (#876)

* dev officer image resizing

made all dev team officer photos the same aspect ratio

* removed commented out in-line style

Author: ajbzhong

components/OfficerCard.js

@@ -56,7 +56,7 @@ function Officer({
       >
         <div className={styles['officer-image-container']}>
           {/* eslint-disable-next-line @next/next/no-img-element */}
-          <img src={photo} alt={alt} style={{ maxWidth: '100%' }} />
+          <img src={photo} alt={alt} className={styles['dev-officer-image']} />
         </div>
         <div>
           <h3 className={styles.name}>{name}</h3>

styles/components/OfficerCard.module.scss

@@ -77,6 +77,12 @@
   justify-content: center;
 }
 
+.dev-officer-image {
+  width: 200px;
+  height: 200px;
+  object-fit: cover;
+}
+
 .officer-image {
   border: 2px solid #EAEAEA;
   border-radius: 50%;