feat: update sponsors row

Author: prplwtf

index.css

@@ -24,6 +24,15 @@
     linear-gradient(to bottom, #00000010 1px, transparent 1px);
 }
 
+.bp-grid.bp-sponsor {
+  background-size: 20px 20px;
+  background-position: -1px -1px;
+  transition: scale .2s
+}
+.bp-sponsor:hover {
+  scale: 1.05
+}
+
 .dl-btn {
   background-color: #0d6efd !important;
   border-color: #0d6efd !important;

index.html

@@ -288,7 +288,7 @@ <h3 class="fs-2 text-body-emphasis">Theme support</h3>
 
     <!-- Sponsors Section -->
     <div class="container py-5">
-      <div class="row align-items-center mb-5">
+      <div class="row align-items-center mb-5 row-gap-5">
         <div class="col-lg-4">
           <h2 class="fw-bold mb-3">Sponsors</h2>
           <p class="text-secondary mb-4">
@@ -306,7 +306,7 @@ <h2 class="fw-bold mb-3">Sponsors</h2>
             <!-- Sponsor Slots -->
             <div class="col">
               <a href="https://ultraservers.com" rel="noopener noreferrer" target="_blank">
-                <div class="p-4 rounded-3 bg-dark-subtle d-flex align-items-center justify-content-center" style="height: 120px;">
+                <div class="bp-grid bp-sponsor p-4 rounded-3 border border-secondary border-opacity-25 d-flex align-items-center justify-content-center" style="height: 120px;">
                   <img src="/.assets/sponsors/ultraservers-icon.svg" alt="Sponsor" class="img-fluid invert-light" style="max-height: 50px;"/>
                 </div>
               </a>