Add iOS-style rounded corners to logo

style.css

@@ -84,7 +84,9 @@ body {
 
 .nav-logo-img {
     height: 32px;
-    width: auto;
+    width: 32px;
+    border-radius: 22.37%;
+    object-fit: cover;
 }
 
 .nav-title {
@@ -269,9 +271,11 @@ body {
 }
 
 .hero-logo {
-    width: 280px;
-    height: auto;
-    filter: drop-shadow(0 8px 32px var(--shadow));
+    width: 200px;
+    height: 200px;
+    border-radius: 22.37%;
+    object-fit: cover;
+    box-shadow: 0 8px 32px var(--shadow);
     animation: float-logo 4s ease-in-out infinite;
 }
 
@@ -816,7 +820,9 @@ code {
 
 .footer-logo-img {
     height: 28px;
-    width: auto;
+    width: 28px;
+    border-radius: 22.37%;
+    object-fit: cover;
 }
 
 .footer-links {