Update README.md

README.md

@@ -21,12 +21,16 @@ join us: https://discord.gg/tPBsKDyRR5
   
   .custom-table {
     width: 100%;
+    height: 100%;
     border-collapse: collapse;
-    margin-top: 2em;
+    margin-top: 0em;
+    border: none;
   }
   .custom-table img{
     margin-top: 0px;
-    margin-bottom: 14px;
+  }
+  .custom-table tr{
+    border: none !important;
   }
   
   .custom-table td {
@@ -132,7 +136,7 @@ join us: https://discord.gg/tPBsKDyRR5
 
 <table class="custom-table">
   <tr>
-    <td style="width: 37.5%; padding-right: 4.666px;">
+    <td style="width: 36.8275862068966%;">
       <div class="custom-image-container">
         <div class="image-wrapper">
           <img class="custom-image" src="sample/table/th-1.png" alt="sample1">
@@ -144,52 +148,76 @@ join us: https://discord.gg/tPBsKDyRR5
         </div>
       </div>
     </td>
-    <td style="width: 62.5%; padding-left: 4.666px;">
-      <div class="custom-image-container">
-        <div class="image-wrapper">
-          <img class="custom-image" src="sample/table/th-2-1.png" alt="sample2">
-          <img class="hover-image" src="sample/table/2-1.png" alt="sample2">
-          <div class="overlay" style="font-size: 1vw; font-style: bold;"> 
-            The rise
-            <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">"by KBlueLeaf"</div>
-          </div>
-        </div>
-      </div>
-      <table class="custom-table" style="margin: 0; padding: 0;">
-        <tr>
-          <td style="padding-right: 4.666px;">
+    <td style="width: 1.37931034482759%;"></td>
+    <td style="width: 61.7931034482759%;">
+      <table class="custom-table" style="margin: 0 !important; padding: 0 !important;">
+        <tr style="height: 30.8858996897622%;">
+          <td>
             <div class="custom-image-container">
               <div class="image-wrapper">
-                <img class="custom-image" src="sample/table/th-2-2-1.png" alt="sample3">
-                <img class="hover-image" src="sample/table/2-2-1.png" alt="sample3">
+                <img class="custom-image" src="sample/table/th-2-1.png" alt="sample2">
+                <img class="hover-image" src="sample/table/2-1.png" alt="sample2">
                 <div class="overlay" style="font-size: 1vw; font-style: bold;"> 
-                  Looking back
+                  The rise
                   <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">"by KBlueLeaf"</div>
                 </div>
               </div>
             </div>
           </td>
-          <td style="padding-left: 4.6666px;">
-            <div class="custom-image-container">
-              <div class="image-wrapper">
-                <img class="custom-image" src="sample/table/th-2-2-2-1.png" alt="sample4">
-                <img class="hover-image" src="sample/table/2-2-2-1.png" alt="sample4"> 
-                <div class="overlay" style="font-size: 1vw; font-style: bold;"> 
-                  Flower
-                  <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">"by KBlueLeaf"</div>
-                </div>
-              </div>
-            </div>
-            <div class="custom-image-container">
-              <div class="image-wrapper">
-                <img class="custom-image" src="sample/table/th2-2-2-2-2.png" alt="sample5">
-                <img class="hover-image" src="sample/table/2-2-2-2.png" alt="sample5">
-                <div class="overlay" style="font-size: 1vw; font-style: bold;"> 
-                  "The Cat"
-                  <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">"by KBlueLeaf"</div>
-                </div>
-              </div>
-            </div>
+        </tr>
+        <tr style="height: 3.1023784901758%;"></tr>
+        <tr style="height: 66.0117218200621%;">
+          <td>
+            <table class="custom-table" style="margin: 0 !important; padding: 0 !important;">
+              <tr>
+                <td style="width: 47.47023828125%">
+                  <div class="custom-image-container">
+                    <div class="image-wrapper">
+                      <img class="custom-image" src="sample/table/th-2-2-1.png" alt="sample3">
+                      <img class="hover-image" src="sample/table/2-2-1.png" alt="sample3">
+                      <div class="overlay" style="font-size: 1vw; font-style: bold;"> 
+                        Looking back
+                        <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">"by KBlueLeaf"</div>
+                      </div>
+                    </div>
+                  </div>
+                </td>
+                <td style="width: 2.23214285714286%;"></td>
+                <td style="width: 50.2976188616071%">
+                  <table class="custom-table" style="margin: 0 !important; padding: 0 !important;">
+                    <tr style="height: 24.6997434804245%;">
+                      <td>
+                        <div class="custom-image-container">
+                          <div class="image-wrapper">
+                            <img class="custom-image" src="sample/table/th-2-2-2-1.png" alt="sample4">
+                            <img class="hover-image" src="sample/table/2-2-2-1.png" alt="sample4"> 
+                            <div class="overlay" style="font-size: 1vw; font-style: bold;"> 
+                              Flower
+                              <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">"by KBlueLeaf"</div>
+                            </div>
+                          </div>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr style="height: 4.69973878068567%;"></tr>
+                    <tr style="height: 70.6005177388899%;">
+                      <td>
+                        <div class="custom-image-container">
+                          <div class="image-wrapper">
+                            <img class="custom-image" src="sample/table/th2-2-2-2-2.png" alt="sample5">
+                            <img class="hover-image" src="sample/table/2-2-2-2.png" alt="sample5">
+                            <div class="overlay" style="font-size: 1vw; font-style: bold;"> 
+                              "The Cat"
+                              <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">"by KBlueLeaf"</div>
+                            </div>
+                          </div>
+                        </div>
+                      </td>
+                    </tr>
+                  </table>
+                </td>
+              </tr>
+            </table>
           </td>
         </tr>
       </table>