diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index 80a425d9fd098e76485aebbd1c1d1fea237d6956..7af3322b6224d7347efd7e9b60e9f5b43e01eb29 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -140,8 +140,13 @@
           </header>
           <div class="card-content">
             <div class="card-image" id="0">
-              <div class="network center" #network>
-                <button class="button is-loading center">Loading</button>
+              <div class="parent">
+                <div class="network center image1" #network>
+                  <button class="button is-loading center" alt="Snow">Loading</button>
+                </div>
+                <div class="image2" >
+                    <img src="assets/legend.png"  width="160px"/>
+                </div>
               </div>
             </div>
             <footer class="card-footer toolbar">
diff --git a/src/assets/legend.png b/src/assets/legend.png
new file mode 100644
index 0000000000000000000000000000000000000000..1100537d37b90d591388daf8d9fd537ec04f3dc0
Binary files /dev/null and b/src/assets/legend.png differ
diff --git a/src/styles.scss b/src/styles.scss
index 15b0c54ba3479f84d4bce5af83ee052dfa205088..9d1dfb452c81588ecc9107cae4bc0370026b7174 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -118,6 +118,17 @@ div.card.network {
 div.network {
    height: calc(100vh - 210px);
 }
+div.parent {
+  position: relative;
+}
+div.image1 {
+  position: relative;
+}
+div.image2 {
+  position: absolute;
+  bottom: 0px;
+  right: 0px;
+}
 
 div.center {
   display: flex;