diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index 6f1a75f..f7b261d 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -8,14 +8,12 @@ const { buyCard, tooExpensive } = buyCardActions;
 
 export default function Card({ data, state, setState }: CardProps) {
     const currentPlayer = useCurrentPlayer(state);
-
     if (!data) return <div className="card"></div>;
 
     return (
-        <div className="card" key={v4()}>
+        <div className="card" key={v4()} style={{backgroundImage: `url(${data.image})`}}>
             <p>Counts as: {data.gemValue}</p>
-            <p>Point value: {data.points || 0}</p>
-            <p>Cost:</p>
+            { (data.points && data.points > 0) ? <p>{data.points} points</p> : null }
             <div className="total-card-cost">
             {
                 Object.keys(data.resourceCost).map((key: keyof ResourceCost | string) => {
diff --git a/src/components/Card/CardRow.scss b/src/components/Card/CardRow.scss
index d2f44fe..6fcae54 100644
--- a/src/components/Card/CardRow.scss
+++ b/src/components/Card/CardRow.scss
@@ -1,5 +1,5 @@
 @import "../../sass/helper/mixins";
-@import "../../sass/helper/placeholders";
+@import "../../sass/helper/variables";
 
 .card-row {
     display: flex;
@@ -12,35 +12,45 @@
         flex-flow: row nowrap;
         width: 100%;
         justify-content: space-around;
-    }
+
+        .card {
+            width: 25%;
+            min-height: 24vh;
+            border: 2px solid black;
+
+            .total-card-cost {
+                display: flex;
+                justify-content: center;
     
-    .card {
-        width: 25%;
-        border: 2px solid black;
-        > * {
-            margin: 1rem;
-        }
-
-        .total-card-cost {
-            display: flex;
-            justify-content: center;
-
-            @include map-gem-values(".card-cost");
-            p {
-                @extend %chip-design;
+                @include map-gem-values(".card-cost");
             }
+
+            > * {
+                margin: 1rem;
+            }
+
+            p {
+                background-color: black;
+            }
+
+            background-size: cover;
+        }
+    
+        .card-count {
+            background-color: black;
+            color: white;
+            width: 25%;
         }
     }
 }
   
   
 .tier-1 {
-    background-color: rgb(9, 67, 9);
+    background-color: rgb(23, 73, 23);
 }
   
 .tier-2 {
     background-color: rgb(174, 174, 32);
-    color: black;
 }
   
 .tier-3 {
diff --git a/src/components/Card/CardRow.tsx b/src/components/Card/CardRow.tsx
index e54a90f..9c31ab8 100644
--- a/src/components/Card/CardRow.tsx
+++ b/src/components/Card/CardRow.tsx
@@ -28,7 +28,7 @@ export default function CardRow({tier, state, setState}: CardRowProps) {
         <div className={`card-row tier-${tier}`}>
             <p>Tier: {tier}</p>
             <div className="card-row-cards-visible">
-                <div className="card card-count">
+                <div className="card-count">
                     <p>Remaining: {state.gameboard.deck[typedTier].length}</p>
                 </div>
                 { cards && cards.map((cardData: CardData) => {
diff --git a/src/components/Nobles/Nobles.scss b/src/components/Nobles/Nobles.scss
index 3d36546..0cebf83 100644
--- a/src/components/Nobles/Nobles.scss
+++ b/src/components/Nobles/Nobles.scss
@@ -1,18 +1,26 @@
+@import "../../sass/helper/mixins";
+
 .nobles-panel {
     display: flex;
     flex-flow: column nowrap;
     background-color: rgb(240, 236, 225);
-    padding: 1.5rem;
     color: black;
+    padding: 1.5rem;
+
+    .all-nobles {
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: space-around;
+
+        .noble-card {
+            display: inline-flex;
+            flex-flow: column nowrap;
+
+            .mapped-noble-costs {
+                display: flex;
+                @include map-gem-values(".noble-cost");
+            }
+        }
+    }
 }
 
-.all-nobles {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-around;
-}
-
-.noble-card {
-    display: inline-flex;
-    flex-flow: column nowrap;
-}
\ No newline at end of file
diff --git a/src/components/Nobles/Nobles.tsx b/src/components/Nobles/Nobles.tsx
index 49322c4..537486f 100644
--- a/src/components/Nobles/Nobles.tsx
+++ b/src/components/Nobles/Nobles.tsx
@@ -21,14 +21,20 @@ export default function Nobles({ state }: StateProps) {
                 state && state.gameboard.nobles.map((noble: NobleData) => {
                     return (
                         <div className="noble-card" key={v4()}>
-                            <p>Points: {noble.points}</p>
+                            <p>{noble.points} points</p>
                             <p>Cost:</p>
+                            <div className="mapped-noble-costs">
                             {
                                 Object.keys(noble.resourceCost).map((each) => {
                                     // @ts-ignore
-                                    return (noble.resourceCost[each as keyof ResourceCost] > 0) && <p key={v4()}>{each}: {noble.resourceCost[each as keyof ResourceCost]}</p>
+                                    return (noble.resourceCost[each as keyof ResourceCost] > 0) && (
+                                        <p key={v4()} className={`noble-cost-${each}`}>
+                                            {noble.resourceCost[each as keyof ResourceCost]}
+                                        </p>
+                                    )
                                 })
                             }
+                            </div>
                         </div>
                     )
                 })
diff --git a/src/components/Player/AllPlayers.scss b/src/components/Player/AllPlayers.scss
index 8e07ea2..4f3d8d2 100644
--- a/src/components/Player/AllPlayers.scss
+++ b/src/components/Player/AllPlayers.scss
@@ -18,9 +18,6 @@
                 display: flex;
                 justify-content: center;
                 @include map-gem-values(".player-chip");
-                p {
-                    @extend %chip-design;
-                }
             }
         }
     }
diff --git a/src/data/cards.json b/src/data/cards.json
index 1f0a25b..15d6545 100644
--- a/src/data/cards.json
+++ b/src/data/cards.json
@@ -1,1089 +1,1178 @@
 {
-    "tierOne": [
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 1,
-          "emerald": 1,
-          "onyx": 1,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 1,
-          "emerald": 0,
-          "onyx": 1,
-          "diamond": 1
-        },
-        "gemValue": "emerald",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 1,
-          "emerald": 1,
-          "onyx": 0,
-          "diamond": 1
-        },
-        "gemValue": "onyx",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 0,
-          "emerald": 1,
-          "onyx": 1,
-          "diamond": 1
-        },
-        "gemValue": "sapphire",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 1,
-          "emerald": 1,
-          "onyx": 1,
-          "diamond": 1
-        },
-        "gemValue": "ruby",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 2,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 2
-        },
-        "gemValue": "onyx",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 0,
-          "emerald": 2,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 3,
-          "emerald": 1,
-          "onyx": 0,
-          "diamond": 1
-        },
-        "gemValue": "emerald",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 1,
-          "emerald": 3,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 2,
-          "diamond": 1
-        },
-        "gemValue": "sapphire",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 1,
-          "emerald": 2,
-          "onyx": 1,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 1,
-          "emerald": 1,
-          "onyx": 1,
-          "diamond": 2
-        },
-        "gemValue": "ruby",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 1,
-          "onyx": 1,
-          "diamond": 2
-        },
-        "gemValue": "ruby",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 0,
-          "emerald": 1,
-          "onyx": 1,
-          "diamond": 1
-        },
-        "gemValue": "sapphire",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 2,
-          "emerald": 2,
-          "onyx": 1,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 2,
-          "emerald": 1,
-          "onyx": 0,
-          "diamond": 1
-        },
-        "gemValue": "onyx",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 2,
-          "emerald": 1,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "ruby",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 1
-        },
-        "gemValue": "ruby",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 1,
-          "emerald": 0,
-          "onyx": 1,
-          "diamond": 3
-        },
-        "gemValue": "diamond",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 1,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 1,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 2
-        },
-        "gemValue": "emerald",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 1,
-          "emerald": 0,
-          "onyx": 2,
-          "diamond": 1
-        },
-        "gemValue": "emerald",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 1,
-          "emerald": 0,
-          "onyx": 1,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 0,
-          "emerald": 1,
-          "onyx": 1,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 0,
-          "emerald": 2,
-          "onyx": 0,
-          "diamond": 1
-        },
-        "gemValue": "sapphire",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 2,
-          "onyx": 0,
-          "diamond": 2
-        },
-        "gemValue": "onyx",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 2,
-          "emerald": 0,
-          "onyx": 2,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 2,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 2
-        },
-        "gemValue": "ruby",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 2,
-          "onyx": 2,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 3
-        },
-        "gemValue": "ruby",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 3,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 0,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 4,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 1,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 4
-        },
-        "gemValue": "ruby",
-        "points": 1,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 4,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 1,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 4,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 1,
-        "tier": 1
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 4,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 1,
-        "tier": 1
-      }
-    ],
-    "tierTwo": [
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 5,
-          "diamond": 3
-        },
-        "gemValue": "ruby",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 0,
-          "emerald": 5,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 2,
-          "diamond": 2
-        },
-        "gemValue": "emerald",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 5
-        },
-        "gemValue": "onyx",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 5,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 5,
-          "diamond": 0
-        },
-        "gemValue": "ruby",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 5,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 5,
-          "emerald": 3,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 5,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 5,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 2
-        },
-        "gemValue": "diamond",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 1,
-          "emerald": 4,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 1,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 4,
-          "diamond": 2
-        },
-        "gemValue": "sapphire",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 6,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 3,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 2,
-          "emerald": 0,
-          "onyx": 1,
-          "diamond": 4
-        },
-        "gemValue": "emerald",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 6
-        },
-        "gemValue": "diamond",
-        "points": 3,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 4,
-          "emerald": 2,
-          "onyx": 0,
-          "diamond": 1
-        },
-        "gemValue": "ruby",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 2,
-          "emerald": 2,
-          "onyx": 0,
-          "diamond": 3
-        },
-        "gemValue": "onyx",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 3,
-          "onyx": 2,
-          "diamond": 3
-        },
-        "gemValue": "onyx",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 6,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 3,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 2
-        },
-        "gemValue": "ruby",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 4,
-          "sapphire": 0,
-          "emerald": 1,
-          "onyx": 2,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 0,
-          "emerald": 2,
-          "onyx": 0,
-          "diamond": 3
-        },
-        "gemValue": "emerald",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 0,
-          "emerald": 3,
-          "onyx": 2,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 2,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 0
-        },
-        "gemValue": "ruby",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 2,
-          "emerald": 2,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 1,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 6,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "ruby",
-        "points": 3,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 6,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 3,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 5
-        },
-        "gemValue": "sapphire",
-        "points": 2,
-        "tier": 2
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 2,
-          "emerald": 3,
-          "onyx": 3,
-          "diamond": 0
-        },
-        "gemValue": "sapphire",
-        "points": 1,
-        "tier": 2
-      }
-    ],
-    "tierThree": [
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 7,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "ruby",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 7,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 6,
-          "diamond": 3
-        },
-        "gemValue": "diamond",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 3,
-          "emerald": 6,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 7,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 6
-        },
-        "gemValue": "sapphire",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 6,
-          "sapphire": 0,
-          "emerald": 3,
-          "onyx": 3,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 7
-        },
-        "gemValue": "sapphire",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 7,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 6,
-          "emerald": 3,
-          "onyx": 0,
-          "diamond": 3
-        },
-        "gemValue": "emerald",
-        "points": 4,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 5,
-          "emerald": 3,
-          "onyx": 3,
-          "diamond": 3
-        },
-        "gemValue": "ruby",
-        "points": 3,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 5
-        },
-        "gemValue": "emerald",
-        "points": 3,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 5,
-          "sapphire": 3,
-          "emerald": 3,
-          "onyx": 3,
-          "diamond": 0
-        },
-        "gemValue": "diamond",
-        "points": 3,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 3,
-          "emerald": 5,
-          "onyx": 0,
-          "diamond": 3
-        },
-        "gemValue": "onyx",
-        "points": 3,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 0,
-          "emerald": 3,
-          "onyx": 5,
-          "diamond": 3
-        },
-        "gemValue": "sapphire",
-        "points": 3,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 3,
-          "emerald": 0,
-          "onyx": 0,
-          "diamond": 7
-        },
-        "gemValue": "sapphire",
-        "points": 5,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 7,
-          "diamond": 3
-        },
-        "gemValue": "diamond",
-        "points": 5,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 3,
-          "sapphire": 0,
-          "emerald": 7,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "ruby",
-        "points": 5,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 0,
-          "sapphire": 7,
-          "emerald": 3,
-          "onyx": 0,
-          "diamond": 0
-        },
-        "gemValue": "emerald",
-        "points": 5,
-        "tier": 3
-      },
-      {
-        "resourceCost": {
-          "ruby": 7,
-          "sapphire": 0,
-          "emerald": 0,
-          "onyx": 3,
-          "diamond": 0
-        },
-        "gemValue": "onyx",
-        "points": 5,
-        "tier": 3
-      }
-    ]
-  }
-  
\ No newline at end of file
+  "tierOne": [
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 1,
+        "emerald": 1,
+        "onyx": 1,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/LILY-serafima-lazarenko-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 1,
+        "emerald": 0,
+        "onyx": 1,
+        "diamond": 1
+      },
+      "gemValue": "emerald",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-jacalyn-beales-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 1,
+        "emerald": 1,
+        "onyx": 0,
+        "diamond": 1
+      },
+      "gemValue": "onyx",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-tobias-mockenhaupt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 0,
+        "emerald": 1,
+        "onyx": 1,
+        "diamond": 1
+      },
+      "gemValue": "sapphire",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-yoksel-zok-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 1,
+        "emerald": 1,
+        "onyx": 1,
+        "diamond": 1
+      },
+      "gemValue": "ruby",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-alexey-savchenko-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 2,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 2
+      },
+      "gemValue": "onyx",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-artiom-vallat-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 0,
+        "emerald": 2,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-yoksel-zok-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 3,
+        "emerald": 1,
+        "onyx": 0,
+        "diamond": 1
+      },
+      "gemValue": "emerald",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 1,
+        "emerald": 3,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-anna-rozwadowska-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 2,
+        "diamond": 1
+      },
+      "gemValue": "sapphire",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-gemma-evans-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 1,
+        "emerald": 2,
+        "onyx": 1,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/LILY-evie-s-unsplash-2.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 1,
+        "emerald": 1,
+        "onyx": 1,
+        "diamond": 2
+      },
+      "gemValue": "ruby",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-arkadiy-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 1,
+        "onyx": 1,
+        "diamond": 2
+      },
+      "gemValue": "ruby",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-engin-akyurt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 0,
+        "emerald": 1,
+        "onyx": 1,
+        "diamond": 1
+      },
+      "gemValue": "sapphire",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-krzysztof-kowalik-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 2,
+        "emerald": 2,
+        "onyx": 1,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/LILY-evie-s-unsplash-2.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 2,
+        "emerald": 1,
+        "onyx": 0,
+        "diamond": 1
+      },
+      "gemValue": "onyx",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-adrian-swancar-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 2,
+        "emerald": 1,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "ruby",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-engin-akyurt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 1
+      },
+      "gemValue": "ruby",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-arkadiy-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 1,
+        "emerald": 0,
+        "onyx": 1,
+        "diamond": 3
+      },
+      "gemValue": "diamond",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/LILY-meghna-r-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 1,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/LILY-yi-duo-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 1,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 2
+      },
+      "gemValue": "emerald",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 1,
+        "emerald": 0,
+        "onyx": 2,
+        "diamond": 1
+      },
+      "gemValue": "emerald",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 1,
+        "emerald": 0,
+        "onyx": 1,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 0,
+        "emerald": 1,
+        "onyx": 1,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-nick-nice-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 0,
+        "emerald": 2,
+        "onyx": 0,
+        "diamond": 1
+      },
+      "gemValue": "sapphire",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-anna-rozwadowska-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 2,
+        "onyx": 0,
+        "diamond": 2
+      },
+      "gemValue": "onyx",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-yoksel-zok-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 2,
+        "emerald": 0,
+        "onyx": 2,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/LILY-yi-duo-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 2,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-jacalyn-beales-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 2
+      },
+      "gemValue": "ruby",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-ekrem-osmanoglu-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 2,
+        "onyx": 2,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-krzysztof-kowalik-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-anna-rozwadowska-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 3
+      },
+      "gemValue": "ruby",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-engin-akyurt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 3,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-rita-ox-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-tim-mossholder-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 0,
+      "tier": 1,
+      "image": "src/assets/img/LILY-evie-s-unsplash-2.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 4,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 1,
+      "tier": 1,
+      "image": "src/assets/img/FORGET-gemma-evans-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 4
+      },
+      "gemValue": "ruby",
+      "points": 1,
+      "tier": 1,
+      "image": "src/assets/img/ROSE-edward-howell-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 4,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 1,
+      "tier": 1,
+      "image": "src/assets/img/VIOLET-rita-ox-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 4,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 1,
+      "tier": 1,
+      "image": "src/assets/img/LILY-evie-s-unsplash-2.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 4,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 1,
+      "tier": 1,
+      "image": "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg"
+    }
+  ],
+  "tierTwo": [
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 5,
+        "diamond": 3
+      },
+      "gemValue": "ruby",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/ROSE-aleza-van-der-werff-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 0,
+        "emerald": 5,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/VIOLET-adrian-swancar-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 2,
+        "diamond": 2
+      },
+      "gemValue": "emerald",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/SUCCULENT-tim-mossholder-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 5
+      },
+      "gemValue": "onyx",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/VIOLET-nick-nice-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 5,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/SUCCULENT-angele-kamp-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 5,
+        "diamond": 0
+      },
+      "gemValue": "ruby",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/ROSE-engin-akyurt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 5,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/LILY-meghna-r-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 5,
+        "emerald": 3,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/SUCCULENT-tim-mossholder-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 5,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/LILY-serafima-lazarenko-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 5,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/FORGET-olga-budko-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 2
+      },
+      "gemValue": "diamond",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/LILY-yi-duo-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 1,
+        "emerald": 4,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/VIOLET-rita-ox-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 1,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 4,
+        "diamond": 2
+      },
+      "gemValue": "sapphire",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/FORGET-gemma-evans-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 6,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 3,
+      "tier": 2,
+      "image": "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 2,
+        "emerald": 0,
+        "onyx": 1,
+        "diamond": 4
+      },
+      "gemValue": "emerald",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/SUCCULENT-edgar-castrejon-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 6
+      },
+      "gemValue": "diamond",
+      "points": 3,
+      "tier": 2,
+      "image": "src/assets/img/LILY-deleece-cook-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 4,
+        "emerald": 2,
+        "onyx": 0,
+        "diamond": 1
+      },
+      "gemValue": "ruby",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/ROSE-alexey-savchenko-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 2,
+        "emerald": 2,
+        "onyx": 0,
+        "diamond": 3
+      },
+      "gemValue": "onyx",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/VIOLET-artiom-vallat-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 3,
+        "onyx": 2,
+        "diamond": 3
+      },
+      "gemValue": "onyx",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/VIOLET-tobias-mockenhaupt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 6,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 3,
+      "tier": 2,
+      "image": "src/assets/img/VIOLET-yoksel-zok-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 2
+      },
+      "gemValue": "ruby",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/ROSE-engin-akyurt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 4,
+        "sapphire": 0,
+        "emerald": 1,
+        "onyx": 2,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/LILY-evie-s-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 0,
+        "emerald": 2,
+        "onyx": 0,
+        "diamond": 3
+      },
+      "gemValue": "emerald",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/SUCCULENT-jacalyn-beales-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 0,
+        "emerald": 3,
+        "onyx": 2,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/LILY-deleece-cook-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 2,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 0
+      },
+      "gemValue": "ruby",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/ROSE-alexey-savchenko-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 2,
+        "emerald": 2,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/FORGET-yoksel-zok-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 6,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "ruby",
+      "points": 3,
+      "tier": 2,
+      "image": "src/assets/img/ROSE-ekrem-osmanoglu-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 6,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 3,
+      "tier": 2,
+      "image": "src/assets/img/FORGET-yoksel-zok-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 5
+      },
+      "gemValue": "sapphire",
+      "points": 2,
+      "tier": 2,
+      "image": "src/assets/img/FORGET-yoksel-zok-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 2,
+        "emerald": 3,
+        "onyx": 3,
+        "diamond": 0
+      },
+      "gemValue": "sapphire",
+      "points": 1,
+      "tier": 2,
+      "image": "src/assets/img/FORGET-gemma-evans-unsplash.jpg"
+    }
+  ],
+  "tierThree": [
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 7,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "ruby",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/ROSE-engin-akyurt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 7,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/LILY-evie-s-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 6,
+        "diamond": 3
+      },
+      "gemValue": "diamond",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/LILY-meghna-r-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 3,
+        "emerald": 6,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 7,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/VIOLET-tobias-mockenhaupt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 6
+      },
+      "gemValue": "sapphire",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/FORGET-krzysztof-kowalik-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 6,
+        "sapphire": 0,
+        "emerald": 3,
+        "onyx": 3,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/VIOLET-tobias-mockenhaupt-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 7
+      },
+      "gemValue": "sapphire",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/FORGET-olga-budko-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 7,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/SUCCULENT-edgar-castrejon-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 6,
+        "emerald": 3,
+        "onyx": 0,
+        "diamond": 3
+      },
+      "gemValue": "emerald",
+      "points": 4,
+      "tier": 3,
+      "image": "src/assets/img/SUCCULENT-tim-mossholder-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 5,
+        "emerald": 3,
+        "onyx": 3,
+        "diamond": 3
+      },
+      "gemValue": "ruby",
+      "points": 3,
+      "tier": 3,
+      "image": "src/assets/img/ROSE-arkadiy-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 5
+      },
+      "gemValue": "emerald",
+      "points": 3,
+      "tier": 3,
+      "image": "src/assets/img/SUCCULENT-jacalyn-beales-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 5,
+        "sapphire": 3,
+        "emerald": 3,
+        "onyx": 3,
+        "diamond": 0
+      },
+      "gemValue": "diamond",
+      "points": 3,
+      "tier": 3,
+      "image": "src/assets/img/LILY-deleece-cook-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 3,
+        "emerald": 5,
+        "onyx": 0,
+        "diamond": 3
+      },
+      "gemValue": "onyx",
+      "points": 3,
+      "tier": 3,
+      "image": "src/assets/img/VIOLET-rita-ox-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 0,
+        "emerald": 3,
+        "onyx": 5,
+        "diamond": 3
+      },
+      "gemValue": "sapphire",
+      "points": 3,
+      "tier": 3,
+      "image": "src/assets/img/FORGET-anna-rozwadowska-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 3,
+        "emerald": 0,
+        "onyx": 0,
+        "diamond": 7
+      },
+      "gemValue": "sapphire",
+      "points": 5,
+      "tier": 3,
+      "image": "src/assets/img/FORGET-gemma-evans-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 7,
+        "diamond": 3
+      },
+      "gemValue": "diamond",
+      "points": 5,
+      "tier": 3,
+      "image": "src/assets/img/LILY-evie-s-unsplash-2.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 3,
+        "sapphire": 0,
+        "emerald": 7,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "ruby",
+      "points": 5,
+      "tier": 3,
+      "image": "src/assets/img/ROSE-aleza-van-der-werff-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 0,
+        "sapphire": 7,
+        "emerald": 3,
+        "onyx": 0,
+        "diamond": 0
+      },
+      "gemValue": "emerald",
+      "points": 5,
+      "tier": 3,
+      "image": "src/assets/img/SUCCULENT-angele-kamp-unsplash.jpg"
+    },
+    {
+      "resourceCost": {
+        "ruby": 7,
+        "sapphire": 0,
+        "emerald": 0,
+        "onyx": 3,
+        "diamond": 0
+      },
+      "gemValue": "onyx",
+      "points": 5,
+      "tier": 3,
+      "image": "src/assets/img/VIOLET-nick-nice-unsplash.jpg"
+    }
+  ]
+}
diff --git a/src/sass/helper/_mixins.scss b/src/sass/helper/_mixins.scss
index cb2c1a4..8764dfb 100644
--- a/src/sass/helper/_mixins.scss
+++ b/src/sass/helper/_mixins.scss
@@ -1,3 +1,5 @@
+@import "./placeholders";
+
 @mixin map-gem-values($parentClass) {
     #{$parentClass} {
         &-emerald {
@@ -24,6 +26,16 @@
             background-color: gold;
             color: black;
         }
-
     }
+    
+    p {
+        @extend %chip-design;
+    }
+}
+
+@mixin get-random-image($targetList) {
+    $idx: random(6);
+    $nth: nth($targetList, $idx);
+
+    background-image: url($nth);
 }
\ No newline at end of file
diff --git a/src/sass/helper/_variables.scss b/src/sass/helper/_variables.scss
index e69de29..47b029f 100644
--- a/src/sass/helper/_variables.scss
+++ b/src/sass/helper/_variables.scss
@@ -0,0 +1,8 @@
+$emerald-images: 
+    "src/assets/img/SUCCULENT-angele-kamp-unsplash.jpg",
+    "src/assets/img/SUCCULENT-annie-spratt-unsplash.jpg",
+    "src/assets/img/SUCCULENT-calle-macarone-unsplash.jpg",
+    "src/assets/img/SUCCULENT-edgar-castrejon-unsplash.jpg",
+    "src/assets/img/SUCCULENT-jacalyn-beales-unsplash.jpg",
+    "src/assets/img/SUCCULENT-tim-mossholder-unsplash.jpg"
+;
\ No newline at end of file
diff --git a/src/util/types.ts b/src/util/types.ts
index 6a6818e..7301abe 100644
--- a/src/util/types.ts
+++ b/src/util/types.ts
@@ -88,6 +88,7 @@ export interface CardData {
     tier: number
     points?: number
     resourceCost: ResourceCost
+    image: string
 }
 
 export interface ResourceCost {