simplify/fix cover position/size

static/site.css

@@ -105,11 +105,11 @@ header {
 .song {
     background-color: var(--color-choriosity-red--light);
     background-color: var(--color-white-100);
-    /*border: 1px solid var(--color-choriosity-red);*/
+    border: 1px solid var(--color-choriosity-red);
     border: 1px solid hsl(calc(var(--hue) * 360), 100%, 40%);
     box-shadow: 4px 4px 8px var(--color-white-90);
     padding: 0.4em;
-    border-radius: 0.5em;
+    border-radius: 0.3em;
     width: 30em;
     margin-bottom: 1rem;
     margin-left: 0.5em;
@@ -118,25 +118,30 @@ header {
 
 .cover-container {
     position: relative;
-    width: 10.67em;
+    width: 11.91em;
     height: 6.7em;
     float: left;
     margin-right: 1em;
-    text-align: center;
-    background-color: white;
+    /*background-color: white;*/
+    display: flex;
+    /*align-items: center;*/
+    justify-content: center;
 }
 
 .cover {
-    display: block;
-    max-width: 100%;
+    /*display: block;*/
+    object-fit: contain;
+    /*max-width: 100%;
     max-height: 100%;
+    scale: 2;
     position: absolute;
-    top: 50%;
-    left: 50%;
+    top: 75%;
+    left: 75%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);*/
     transition: .3s ease;
+    border-radius: 0.3em;
 }
 
 .overlay {