diff --git a/assets/images/roles-small/Hunter.png b/assets/images/roles-small/Hunter.png
new file mode 100644
index 0000000..b9fe684
Binary files /dev/null and b/assets/images/roles-small/Hunter.png differ
diff --git a/assets/images/roles-small/Mason.png b/assets/images/roles-small/Mason.png
new file mode 100644
index 0000000..8bf2e0e
Binary files /dev/null and b/assets/images/roles-small/Mason.png differ
diff --git a/assets/images/roles-small/Minion.png b/assets/images/roles-small/Minion.png
new file mode 100644
index 0000000..c9a73bf
Binary files /dev/null and b/assets/images/roles-small/Minion.png differ
diff --git a/assets/images/roles-small/Seer.png b/assets/images/roles-small/Seer.png
new file mode 100644
index 0000000..bb746e8
Binary files /dev/null and b/assets/images/roles-small/Seer.png differ
diff --git a/assets/images/roles-small/Shadow.png b/assets/images/roles-small/Shadow.png
new file mode 100644
index 0000000..bc1f691
Binary files /dev/null and b/assets/images/roles-small/Shadow.png differ
diff --git a/assets/images/roles-small/villager_small.png b/assets/images/roles-small/Villager.png
similarity index 100%
rename from assets/images/roles-small/villager_small.png
rename to assets/images/roles-small/Villager.png
diff --git a/assets/images/roles-small/wolf_small.png b/assets/images/roles-small/Werewolf.png
similarity index 100%
rename from assets/images/roles-small/wolf_small.png
rename to assets/images/roles-small/Werewolf.png
diff --git a/assets/images/roles-small/hunter_small.png b/assets/images/roles-small/hunter_small.png
deleted file mode 100644
index 946d5c2..0000000
Binary files a/assets/images/roles-small/hunter_small.png and /dev/null differ
diff --git a/assets/images/roles-small/seer_small.png b/assets/images/roles-small/seer_small.png
deleted file mode 100644
index c60eb61..0000000
Binary files a/assets/images/roles-small/seer_small.png and /dev/null differ
diff --git a/assets/images/roles-small/shadow-small.png b/assets/images/roles-small/shadow-small.png
deleted file mode 100644
index 7022fe7..0000000
Binary files a/assets/images/roles-small/shadow-small.png and /dev/null differ
diff --git a/static/setup.js b/static/setup.js
index 640b6f8..e06f28f 100644
--- a/static/setup.js
+++ b/static/setup.js
@@ -2,6 +2,7 @@ import {cards} from './cards.js'
 import {utility} from './util.js'
 
 const socket = io();
+const finishedArtArray = ["Villager", "Werewolf", "Seer", "Shadow", "Hunter", "Mason", "Minion"];
 
 // important declarations
 class Card {
@@ -45,9 +46,16 @@ window.onload = function() {
         // put card info in the informational role description modal
         const modalRole = document.createElement("div");
         modalRole.setAttribute("class", "modal-role");
-        modalRole.innerHTML = cards[i].team === "good" ?
-            "<h2 class='role-village'>" + cards[i].role + "</h2><p>" + cards[i].team + "</p><p>" + cards[i].description + "</p>"
-            : "<h2 class='role-wolf'>" + cards[i].role + "</h2><p>" + cards[i].team + "</p><p>" + cards[i].description + "</p>";
+        const roleClass = cards[i].team === "good" ? "role-village" : "role-wolf";
+        const roleImage = finishedArtArray.includes(cards[i].role) ?
+            "<img alt='No art' src='/assets/images/roles-small/" + cards[i].role + ".png' />"
+            : "<span>Art soon.</span>";
+        modalRole.innerHTML =
+            "<h2 class='" + roleClass + "'>" + cards[i].role + "</h2>" +
+            roleImage +
+            "<p>" + cards[i].team + "</p>" +
+            "<p>" + cards[i].description + "</p>";
+
         document.getElementById("roles").appendChild(modalRole);
 
         fullDeck.push(newCard);
diff --git a/static/styles.css b/static/styles.css
index 62c93a2..63fad67 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -784,6 +784,7 @@ label {
 
 .modal-role {
     width: 22em;
+    position: relative;
 }
 
 .modal-role p:first-of-type {
@@ -795,6 +796,13 @@ label {
     margin-bottom: 0;
 }
 
+.modal-role img {
+    position: absolute;
+    top: 8px;
+    left: 110px;
+    width: 65px;
+}
+
 .modal {
     position: fixed;
     z-index: 1;