style(releases): scope gallery container with ::deep, move card radius to cover, narrow mix hero to 480px

DeepDrftPublic.Client/Controls/ReleaseGallery.razor.css

@@ -1,4 +1,4 @@
-.release-gallery-container {
+::deep .release-gallery-container {
     padding-top: 16px;
 }
 
@@ -18,7 +18,6 @@
     flex-direction: column;
     width: 200px;
     cursor: pointer;
-    border-radius: 8px;
     overflow: hidden;
     transition: transform 120ms ease;
 }
@@ -30,6 +29,7 @@
 .release-card-cover {
     width: 200px;
     height: 200px;
+    border-radius: 8px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;

DeepDrftPublic.Client/Pages/MixDetail.razor.css

@@ -10,7 +10,7 @@
    .release-hero <div> (a child Razor component's native output), so ::deep is required to reach it. */
 ::deep .release-hero.mix-hero {
     aspect-ratio: 1 / 1;
-    max-width: 600px;
+    max-width: 480px;
     min-height: 0;
     max-height: none;
     margin-inline: auto;