fix: Update style for mobile

templates/success.html

@@ -10,13 +10,13 @@
     <meta property="og:description" content="Woodburn Faucet
 Claim a free Handshake domain">
     <meta name="twitter:title" content="Woodburn Faucet">
-    <meta property="og:image" content="https://faucet.woodburn.au/assets/img/android-chrome-512x512.png">
     <meta property="og:type" content="website">
-    <meta name="description" content="Woodburn Faucet
-Claim a free Handshake domain">
     <meta property="og:title" content="Woodburn Faucet">
     <meta name="twitter:description" content="Woodburn Faucet
 Claim a free Handshake domain">
+    <meta name="description" content="Woodburn Faucet
+Claim a free Handshake domain">
+    <meta property="og:image" content="https://faucet.woodburn.au/assets/img/android-chrome-512x512.png">
     <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
     <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png" media="(prefers-color-scheme: dark)">
@@ -124,7 +124,7 @@ Claim a free Handshake domain">
                     <p class="w-lg-50">Thanks to these donors for supporting the faucet</p>
                 </div>
             </div>
-            <div class="row gy-4 row-cols-2 row-cols-md-4">
+            <div class="row gy-4 row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-4 row-cols-xxl-4">
                 <div class="col">
                     <div class="card border-0 shadow-none">
                         <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp" style="margin-top: 10px;">