diff --git a/public/img/avatars/ari.jpg b/public/img/avatars/ari.jpg
new file mode 100644
index 0000000..bf18f15
Binary files /dev/null and b/public/img/avatars/ari.jpg differ
diff --git a/public/img/avatars/julia.png b/public/img/avatars/julia.png
new file mode 100644
index 0000000..d6f8053
Binary files /dev/null and b/public/img/avatars/julia.png differ
diff --git a/public/img/avatars/mae.jpg b/public/img/avatars/mae.jpg
new file mode 100644
index 0000000..385a7c9
Binary files /dev/null and b/public/img/avatars/mae.jpg differ
diff --git a/public/img/avatars/zaire.jpg b/public/img/avatars/zaire.jpg
new file mode 100644
index 0000000..bfde9fd
Binary files /dev/null and b/public/img/avatars/zaire.jpg differ
diff --git a/public/index.html b/public/index.html
index 86325fc..988ac62 100644
--- a/public/index.html
+++ b/public/index.html
@@ -52,7 +52,7 @@
 
                 <div id="crew-list">
                     <div class="crew-item">
-                        <img src="https://arimelody.space/img/favicon.png" alt="ari melody photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/ari.jpg" alt="ari melody photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>ari</h3>
                             <p><a href="https://arimelody.space" class="handle">@arispacegirl</a></p>
@@ -65,7 +65,7 @@
                         </div>
                     </div>
                     <div class="crew-item">
-                        <img src="https://media.wetdry.world/accounts/avatars/107/412/233/663/540/779/original/9e4353266869a4cd.jpeg" alt="vimae photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/mae.jpg" alt="vimae photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>mae</h3>
                             <p><a href="https://mae.wtf" class="handle">@vimae</a></p>
@@ -78,7 +78,7 @@
                         </div>
                     </div>
                     <div class="crew-item">
-                        <img src="https://44.media.tumblr.com/feb33c9c0151a46d09a55a6e0d7fa0f3/34631bc4c40620ff-2c/s128x128u_c1_f1/b06e02240d23dacddf257fe50cfe3a9c6dbee537.gif" alt="claire photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/zaire.jpg" alt="claire photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>claire</h3>
                             <p><a href="https://supitszaire.com" class="handle">@zaire</a></p>
@@ -86,6 +86,19 @@
                                 <span class="crew-tag">she/her</span>
                                 <span class="crew-tag">musician</span>
                                 <span class="crew-tag">artist</span>
+                                <span class="crew-tag">developer</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="crew-item">
+                        <img src="/img/avatars/julia.png" alt="julia photo" class="avatar" width=64 height=64>
+                        <div class="crew-info">
+                            <h3>julia</h3>
+                            <p><a href="https://insertdomain.name" class="handle">@karakara</a></p>
+                            <div class="crew-tags">
+                                <span class="crew-tag">she/her</span>
+                                <span class="crew-tag">developer</span>
+                                <span class="crew-tag">artist</span>
                             </div>
                         </div>
                     </div>
diff --git a/public/style/index.css b/public/style/index.css
index b69863f..b338886 100644
--- a/public/style/index.css
+++ b/public/style/index.css
@@ -46,14 +46,14 @@
 }
 
 #crew-list {
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
     gap: 1em;
-    flex-wrap: wrap;
 }
 
 .crew-item {
-    display: flex;
-    flex-direction: row;
+    display: grid;
+    grid-template-columns: 64px 1fr;
     gap: .5em;
 }