added new mockup images for the wallet section

css/styles.css

@@ -831,7 +831,7 @@ tr {
 	position: absolute;
 	margin-top: 0;
 	left: 0vh;
-	width: 30rem;
+	width: 32rem;
 	color: rgb(var(--color-text-main));
 	text-align: center;
 }
@@ -848,15 +848,15 @@ tr {
 	justify-content: center;
 	align-items: center;
 	right: 0vh;
-	width: 60vh;
+	width: 44rem;
 	border-radius: var(--border-radius-xsmall);
-	box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.5);
+	filter: drop-shadow(0rem 0rem 0.75rem rgba(0, 0, 0, 0.4));
 }
 
 .wallet-info-3 > img {
-	width: 14rem;
-	right: 16rem;
-	top: 12rem;
+	width: 18rem;
+	right: 14rem;
+	top: 8rem;
 	border-radius: var(--border-radius-small);
 }
 

index.html

@@ -281,7 +281,7 @@
             <a href="https://git.hush.is/hush/SilentDragon/releases" class="component-button"><small>Download
                 Wallet</small></a>
           </div>
-          <img src="./images/silentdragon.png" alt="">
+          <img src="./graphics/mockups/mockup_SD_Laptop.png" alt="">
         </div>
         <div class="wallet-info-2">
           <div class="wallet-info-text">
@@ -296,7 +296,7 @@
             <a href="https://git.hush.is/hush/SilentDragonLite/releases" class="component-button"><small>Download
                 Wallet</small></a>
           </div>
-          <img src="./images/silentdragonlite.png" alt="">
+          <img src="./graphics/mockups/mockup_SDL_Laptop.png" alt="">
         </div>
         <div class="wallet-info-3">
           <div class="wallet-info-text">
@@ -307,7 +307,7 @@
             <a href="https://git.hush.is/hush/SilentDragonAndroid/releases" class="component-button"><small>Download
                 Wallet</small></a>
           </div>
-          <img src="./images/silentdragonandroid.jpg" alt="">
+          <img src="./graphics/mockups/mockup_SDA_Phone.png" alt="">
         </div>
       </div>
       <div class="about-info exchanges" style="--mod-translate-y: -500vh; --mod-translate-x: -100vh">