Added certs to about page

src/pages/about.astro

@@ -44,6 +44,17 @@ const data = await response.text();
             display: none !important;
         }
 
+        .cert-seal{
+            width: auto;
+            height: 200px;
+            padding: 1em;
+        }
+
+        .cert-grid{
+            display: flex;
+            place-content: center;
+        }
+
         @media (max-width: 1024px) {
             .md-container{
                 width: 95%;
@@ -94,7 +105,22 @@ const data = await response.text();
                 <div class="card-content">
                     <Markdown content={data}/>
                 </div>
-            </div>            
+            </div>  
+
+            <br>
+
+            <div class="card">
+            <header class="card-header">
+                    <h2 class="card-header-title no-margin">
+                        Certifications
+                    </h2>
+                </header>
+                <div class="cert-grid">
+                    <img class="cert-seal" src="/img/dante_certified_logo_level1.png" alt="dante_cert_level3.png">
+                    <img class="cert-seal" src="/img/dante_certified_logo_level2.png" alt="dante_cert_level3.png">
+                    <img class="cert-seal" src="/img/dante_certified_seal_level3.png" alt="dante_cert_level3.png">
+                </div>
+            </div>          
         </div>
     </div>
 </BaseLayout>