diff --git a/src/views/Game.vue b/src/views/Game.vue
index 72fbc31..7af539b 100644
--- a/src/views/Game.vue
+++ b/src/views/Game.vue
@@ -24,7 +24,7 @@
         :key="i + card.ID"
         @dragstart="dragStartCard.bind(this, card)"
       >
-        <img :src="imageURL(card.ID)" />
+        <CardImage :id="card.ID" />
       </article>
     </section>
   </section>
@@ -137,9 +137,11 @@ $hand-max-height: 150px;
 import { Component, Vue } from "vue-property-decorator";
 import { Card, cardImageURL, getCards } from "@/mlpccg";
 import Zone from "@/components/GameBoard/Zone.vue";
+import CardImage from "@/components/Cards/CardImage.vue";
 
 @Component({
   components: {
+    CardImage,
     Zone
   }
 })