css: don't flatten this image is missing

1 files changed, 13 insertions, 0 deletions

diff --git a/src/static/css/features.css b/src/static/css/features.css
index c25f669c..de615de2 100644
--- a/src/static/css/features.css
+++ b/src/static/css/features.css
@@ -734,6 +734,19 @@
   .image-details:last-child {
     margin-bottom: 2px;
   }
+
+  /* Should only appear as an error message / placeholder,
+   * "This image file is missing"
+   */
+  .cover-artwork .image-container:not(:has(img)) {
+    .image-inner-area, .image-text-area {
+      position: static;
+    }
+
+    .image-text-area {
+      aspect-ratio: 1 / 1;
+    }
+  }
 }
 
 @layer print {