feat(SW-2042): Synced sidebar ui with design

Approved-by: Christian Andolf
Approved-by: Matilda Landström

apps/scandic-web/components/ImageGallery/imageGallery.module.css

@@ -7,16 +7,15 @@
 
 .imageCount {
   position: absolute;
-  bottom: 16px;
-  right: 16px;
-  max-height: 32px;
-  width: 48px;
-  background-color: rgba(0, 0, 0, 0.6);
-  padding: var(--Spacing-x-quarter) var(--Spacing-x-half);
+  bottom: var(--Space-x2);
+  right: var(--Space-x2);
+  background-color: var(--Overlay-90);
+  padding: var(--Space-x025) var(--Space-x05);
   border-radius: var(--Corner-radius-sm);
   display: flex;
   align-items: center;
-  gap: var(--Spacing-x-quarter);
+  justify-content: center;
+  gap: var(--Space-x025);
   color: var(--Text-Inverted);
 }
 
@@ -40,7 +39,6 @@
 .imagePlaceholder {
   height: 100%;
   min-height: 190px;
-  aspect-ratio: 16/9;
   width: 100%;
   background-color: #fff;
   background-image: