mp-design-system 0.9.25 → 0.9.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mp-design-system",
-  "version": "0.9.25",
+  "version": "0.9.26",
   "description": "",
   "scripts": {
     "dev": "npm-run-all --parallel bundle:*",

package/src/_includes/components/card/card.scss

@@ -353,6 +353,7 @@
     text-align: right;
     font-size: 1.5rem;
     transition: 300ms color;
+    z-index: 1;
 
     .c-icon {
       position: relative;
@@ -406,7 +407,7 @@
 
   &--event.c-card--has-image {
     @extend .c-card--switch;
-    
+
     .c-card__wrapper {
       @include padding(0);
 
@@ -415,10 +416,12 @@
       }
 
       .c-card__image {
+        position: relative;
+
         img {
           height: 100%;
-          width: auto;
           object-fit: cover;
+          aspect-ratio: 16 / 9;
         }
       }
 
@@ -431,6 +434,10 @@
         .c-card__image {
           width: calc(40% - 18px) !important;
           width: calc(40% - var(--space-s-m)) !important;
+
+          img {
+            position: absolute;
+          }
         }
       }
     }