Refactor and commenting of old code

andromeda.css

@@ -130,21 +130,22 @@ div:has(> div > .emby-scroller-container) {
     opacity: 0.14 !important;
 }
 
-/* Logo */
+/* Instead of an element as padding, use a pseudo-element */
 .layout-desktop .libraryPage.itemDetailPage::before {
+    /* Increase padding along screen width */
     height: calc(30vw - var(--logo-height));
     max-height: 13.35em;
 }
 .layout-mobile .libraryPage.itemDetailPage::before {
+    /* Use static padding on mobile */
     height: 10.3em;
 }
 .libraryPage.itemDetailPage::before {
     display: block;
-    height: calc(30vw - var(--logo-height));
-    max-height: 13.35em;
     content: "";
 }
 
+/* Position logo after padding */
 .layout-mobile .detailLogo {
     display: block;
 }
@@ -163,7 +164,7 @@ div:has(> div > .emby-scroller-container) {
     background-position: bottom;
 }
 
-/* Poster */
+/* Hide poster */
 .detailImageContainer {
     display: none;
 }