legend

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">

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;