Merge pull request #8 from sakundi/improving-documentation

Improve the documentation and fix overlapping images

docs/docs/user-section/why-sakundi.md

@@ -10,6 +10,8 @@ custom_edit_url: null
 
 # Why do I need Sakundi's solutions?
 
+<div className="sakundiSolutions"></div>
+
 Blockchain security is becoming increasingly relevant in today’s cyberspace as it extends
 its influence in many industries. Sakundi focuses on protecting the different layers of the 
 blockchain.

docs/src/css/custom.css

@@ -69,6 +69,7 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
 --ifm-general-network-status-dashboard: url("/img/general-network-status-dashboard.png");
 --ifm-node-security-status-dashboard: url("/img/node-security-status-dashboard.png");
 --ifm-sakundi-metamask-install: url("/img/sakundi-metamask-install.png");
+--ifm-sakundi-solutions: url("/img/sakundi-solutions.png");
 
 /**
 End of Sakunid WebbApp schreenshots added by Loui
@@ -343,7 +344,7 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
   min-height: 810px;
   max-width: 800px;
   margin-top: 2rem !important;
-  margin-bottom: -25%;
+  margin-bottom: -15%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -369,7 +370,6 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
   margin-top: 2rem !important;
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: 10%;
 }
 
 .sakundiFreeUsersOneSingleNodeConsiderUpgrade {
@@ -390,7 +390,7 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
   min-height: 810px;
   max-width: 800px;
   margin-top: 2rem !important;
-  margin-bottom: -52%;
+  margin-bottom: -35%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -402,7 +402,7 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
   min-height: 810px;
   max-width: 800px;
   margin-top: 2rem !important;
-  margin-bottom: -32%;
+  margin-bottom: -20%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -414,7 +414,7 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
   min-height: 810px;
   max-width: 800px;
   margin-top: 2rem !important;
-  margin-bottom: -30%;
+  margin-bottom: -20%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -426,7 +426,7 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
   min-height: 810px;
   max-width: 800px;
   margin-top: 2rem !important;
-  margin-bottom: -53%;
+  margin-bottom: -35%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -438,12 +438,24 @@ Start: below are the Sakunid WebbApp schreenshots added by Loui
   min-height: 810px;
   max-width: 800px;
   margin-top: 2rem !important;
-  margin-bottom: -30%;
+  margin-bottom: -20%;
   margin-left: auto;
   margin-right: auto;
   /* margin-top: 2rem !important; */
 }
 
+.sakundiSolutions {
+  background-image: var(--ifm-sakundi-solutions);
+  background-repeat: no-repeat;
+  background-size: contain;
+  min-height: 810px;
+  max-width: 800px;
+  margin-top: 2rem !important;
+  margin-bottom: -40%;
+  margin-left: auto;
+  margin-right: auto;
+  /* margin-top: 2rem !important; */
+}
 
 /**
 End of Sakunid WebbApp schreenshots added by Loui