removing inmotion because it's not white. Adding the others to the index page.

assets/css/bundle.css

@@ -121,6 +121,7 @@ border-bottom-color: #14598a !important;
   font-size: 32px;
 }
 
+/* formatting the underline at the top of the backed by list' */
 .al-page-index .al-index-backed-by h2.border-bottom {
   border-bottom-color: #14598a !important;
 }
@@ -142,7 +143,9 @@ border-bottom-color: #14598a !important;
   height: 100%;
   width: 120px;
 }
-
+.al-page-index .al-index-backed-by .al-backed-by-list {
+    justify-content: center;
+}
 /* formatting the sponsors on the event pages. */ 
 .al-page-index .al-index-sponsors .al-backed-by-list {
   justify-content: center;
@@ -185,8 +188,6 @@ border-bottom-color: #14598a !important;
 	margin-top: 40px;
 }
 
-
-
 /* formatting the used by logos on the home page. */ 
  .al-page-index .al-index-used-by .al-used-by-list {
   justify-content: space-between;
@@ -202,6 +203,15 @@ border-bottom-color: #14598a !important;
   height: 100%;
   width: 120px;
 }
+.al-page-index .al-index-used-by h4.border-bottom {
+  border-bottom-color: #14598a !important;
+}
+.al-used-by-list a{
+  margin-top: 3rem !important;
+}
+.al-page-index .al-index-used-by .al-used-by-list {
+    justify-content: center;
+}
 /* end formatting the used by logos on the home page. */ 
 
 

layouts/index.html

@@ -44,9 +44,6 @@
 .row > * {
     margin-top: 20px;
 }
-.al-page-index .al-index-backed-by .al-backed-by-list {
-    justify-content: center;
-}
 @media (min-width: 768px) {
     .row-cols-md-6 > * {
         flex: 0 0 auto;
@@ -99,16 +96,29 @@
         <!-- USED BY -->
 		<div class="al-index-used-by al-py-lg" >
             <div class="container">
-                <h2 class="pb-2 text-center border-bottom">
+                <h4 class="pb-2 border-bottom">
                     {{ i18n "Trusted by" }}
-                </h2>
-                <div class="row row-cols-2 row-cols-sm-4 row-cols-md-6 g-5 al-used-by-list ">
-                        <a href="https://www.cloudlinux.com">
+                </h4>
+                <div class="row row-cols-2 row-cols-sm-4 row-cols-md-6 g-5 al-used-by-list">
                             <div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
-                                <img loading="lazy" src="/brands/cloudlinux.svg" alt="CloudLinux" class="al-user-logo">
-                            </div>
-                        </a>
-				</div><!-- end icon entry -->
+                                <img loading="lazy" src="/usedby/phoronix.svg" alt="Phoronix" class="al-user-logo">
+                            </div>	
+                            <div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
+                                <img loading="lazy" src="/usedby/akamai.svg" alt="Akamai" class="al-user-logo">
+                            </div>	
+                            <div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
+                                <img loading="lazy" src="/usedby/arista.svg" alt="Arista" class="al-user-logo">
+                            </div>	
+                            <div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
+                                <img loading="lazy" src="/usedby/colorodostateuniveristy.svg" alt="Colorado State University" class="al-user-logo">
+                            </div>	
+                            <div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
+                                <img loading="lazy" src="/usedby/hetzner.png" alt="Hetzner" class="al-user-logo">
+                            </div>	
+                            <div class="col d-flex flex-fill align-items-center justify-content-center al-user-logo-container">
+                                <img loading="lazy" src="/usedby/lacework.svg" alt="Lacework" class="al-user-logo">
+                            </div>	
+				</div><!-- end logo list entry -->
 			</div>
 		</div><!-- end USED BY -->
         <!-- COMMUNITY -->
@@ -559,6 +569,7 @@
                 </h2>
 				<p class="text-center pb-2 mb-5 border-bottom">Minimize your risk while getting the most out of your AlmaLinux systems</p>
 				<!-- to add a row, copy everything from 'start' to 'end' in one of the other rows, and update all of the information appropriately. order-md-last in the class of the image div will display the image right-justified instead of left. -->
+				
 				 <!-- start CyberTrust row -->
                  <div class="row al-commercial-supporter-list">
                      <div class="col-12 col-md-4 al-commercial-supporter-logo-container d-flex flex-fill justify-content-center">