refact: improve size of display section

src/components/MediaPlayer.svelte

@@ -130,8 +130,7 @@
 <style lang="scss">
   /* Media Player */
   #aura-media-player {
-    width: 100%;
-    max-width: 375px;
+    width: 344px;
     background-color: #ffffff;
     box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.12);
     border-radius: 8px;
@@ -140,8 +139,8 @@
     position: relative;
   }
   #aura-media-player #aura-media-player-display {
-    width: 100%;
-    max-width: 375px;
+    width: 344px;
+    height: 344px;
     overflow: hidden;
   }
 
@@ -201,10 +200,11 @@
   #aura-media-player #aura-media-player-tab-now .aura-player-album-art {
     box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.12);
     display: block;
-    width: 100%;
-    height: 375px;
+    width: 344px;
+    height: 344px;
+    background-size: 344px 344px;
     background-position: center;
-    background-size: cover;
+    background-size: contain;
   }
 
   /* Tab: Playlist */