fix: common aspect ratios

src/assets/styles/components/media-grid.css

@@ -1,8 +1,6 @@
 :root {
   --grid-square: repeat(2,minmax(0,1fr));
   --grid-vertical: repeat(3,minmax(0,1fr));
-  --aspect-ratio-square: 1/1;
-  --aspect-ratio-vertical: 2/3;
 }
 
 .media-grid {

src/assets/styles/defaults/vars.css

@@ -101,6 +101,11 @@
   --rounded-lg: .5rem;
   --rounded-full: 9999px;
 
+  /* aspect ratios */
+  --aspect-ratio-square: 1/1;
+  --aspect-ratio-vertical: 2/3;
+  --aspect-ratio-banner: 1 / 0.5625;
+
   /* transitions */
   --transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
   --transition-duration-default: 300ms;

src/assets/styles/pages/music.css

@@ -10,6 +10,7 @@
     border: 1px solid var(--accent-color);
     width: 100%;
     height: auto;
+    aspect-ratio: var(--aspect-ratio-square);
   }
 
   & .artist-display {

src/assets/styles/pages/watching.css

@@ -1,7 +1,3 @@
-:root {
-  --aspect-ratio-banner: 1 / 0.5625;
-}
-
 .watching {
   & img {
     border: 1px solid var(--accent-color);