fix(styles): centralize logo container styles

Moved repetitive logo container styles to `base.css` for better maintainability and consistency across themes. Previously duplicated styles in individual theme files `plain.css` and `pride.css` are now removed.

This centralization reduces redundancy and ensures consistent styling for logo containers across different themes.

assets/css/base.css

@@ -123,6 +123,23 @@ h5 {
   color: #604c2e;
 }
 
+/* Image Styles */
+#logoContainer {
+  background-size: contain;
+  background-repeat: no-repeat;
+  max-width: 400px;
+  max-height: 400px;
+  width: 80vh;
+  height: 80vh;
+}
+
+#smallLogoContainer {
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 64px;
+  height: 64px;
+}
+
 .homemade,
 .fork {
   right: -0.5rem;

assets/css/theme/plain.css

@@ -1,15 +1,7 @@
 #logoContainer {
     background-image: url(../../img/logo-inv_grad.svg);
-    background-size: contain;
-    max-width: 400px;
-    max-height: 400px;
-    width: 80vh;
-    height: 80vh;
 }
 
 #smallLogoContainer {
     background-image: url(../../img/logo-inv_grad.svg);
-    background-size: contain;
-    width: 64px;
-    height: 64px;
 }

assets/css/theme/pride.css

@@ -4,16 +4,8 @@
 
 #logoContainer {
     background-image: url(../../img/logo-white.svg);
-    background-size: contain;
-    max-width: 400px;
-    max-height: 400px;
-    width: 80vh;
-    height: 80vh;
 }
 
 #smallLogoContainer {
     background-image: url(../../img/logo-inv_grad.svg);
-    background-size: contain;
-    width: 64px;
-    height: 64px;
 }