Merge pull request #10 from valentino-setiawan/main

Less distortion on He Who Commands All and stuff ver1.2

ValTest/KoA.html

@@ -16,9 +16,8 @@ <h1>Project Remembrancer</h1>
         <li>
           <a href="index.html">Home</a>
         </li><br>
-
           <a href="Photo-Archive.html">Photo Archive</a>
-        </li><br>
+        </li><br><br>
         <li>
           <a href="Vid-Archive.html">Video Archive</a>
         </li><br>
@@ -39,7 +38,7 @@ <h2>Through His Will Alone.</h2>
     </div>
 
     <div class="Media">
-      <img src="MediaDump/IMG-1.jpg">
+      <img src="MediaDump/IMG-1.jpg" class="Siel">
       <img src="MediaDump/IMG-2.jpg">
       <img src="https://media.discordapp.net/attachments/723897894570295376/1240521664999981086/IMG-3.jpg?ex=664ad1d4&is=66498054&hm=9b2e16e9936047541e582ae931e47f96eda21487042363d00501e0c986737a18&">
       <img src="MediaDump/IMG-4.jpg">
@@ -49,11 +48,12 @@ <h2>Through His Will Alone.</h2>
       </video>
       <img src="MediaDump/IMG-6.jpg">
       <img src="MediaDump/IMG-7.jpg">
+      <img src="MediaDump/IMG-8.jpg">
+      <img src="MediaDump/IMG-9.jpg">
+      <img src="MediaDump/IMG-10.jpg">
     </div>
     <div class="Kill-em-all">
       <a href="https://www.instagram.com/ezekielbf_?igsh=ZjRnNDlmdGlhc2hj">
-        <!-- <h3>Would you like to learn more?</h3> -->
         <img src="https://pbs.twimg.com/media/FNCB-rDVIAAV2bm.jpg">
       </a>
-
     </div>

ValTest/test-style.css

@@ -161,18 +161,25 @@ nav {
 }
 
 .Media img, video{
+    object-fit: cover;
+    object-position: top;
     height: 155px;
     width: 200px;
     margin-left:95%;
     border: var(--MainCol) solid;
     border-radius: 20px;
 }
 
+img.Siel {
+    object-fit: cover;
+    object-position: center;
+}
+
 .Kill-em-all img {
     margin-top: 20px;
     margin-left: 225px;
     width: 426px;
-    height: 40px; 
+    height: 40px;  
     object-fit: cover;
     object-position: 50% 100%;
     border-top: solid black 4px;