1 files changed, 18 insertions, 1 deletions

diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index e6f266d..ff95526 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -55,9 +55,11 @@
         }
 
         @include bem.elem('image') {
+            position:    relative;
             display:     block;
             flex:        0 0 auto;
             inline-size: 100%;
+            overflow:    hidden;
             object-fit:  cover;
             transition:  transform .2s, opacity .2s;
 
@@ -76,6 +78,21 @@
             }
         }
 
+        @include bem.elem('image-img') {
+            display:     block;
+            inline-size: 100%;
+            object-fit:  cover;
+        }
+
+        @include bem.elem('image-overlay') {
+            position:        absolute;
+            inset-block-end: 0;
+            inset-inline:    0;
+            z-index:         5;
+            padding-block:   props.get(vars.$image-overlay--pad-b);
+            padding-inline:  props.get(vars.$image-overlay--pad-i);
+        }
+
         @include bem.elem('body') {
             flex:            1 0 auto;
             padding-block:   props.get(vars.$pad-b);
@@ -129,7 +146,7 @@
 
         @include bem.modifier('quiet') {
             position:         relative;
-            margin:           0;
+            margin-inline:    0;
             background-color: transparent;
             border:           0;