_exhibits_index.scss in blacklight-spotlight-3.0.0.alpha.4

- old
+ new

@@ -50,19 +50,25 @@
     font-size: $font-size-base;
     margin-top: -1em;
     position: relative;
     width: 15ch;
   }
+
+  img {
+    height: $exhibit-card-image-size;
+    object-fit: cover;
+    width: 100%;
+  }
 }
 
 .card-back {
   box-shadow: $exhibit-card-shadow;
   transform: rotateY(-180deg);
 
   .card-title {
     border-bottom: 1px dotted $exhibit-card-border;
-    padding-bottom: $padding-base-vertical;
+    padding-bottom: $spacer;
   }
 
   .subtitle {
     @extend .h5;
     @extend .text-center;
@@ -87,9 +93,16 @@
   $reduce-exhibit-card-image-size: (((map-get($container-max-widths, "md") - $grid-gutter-width) / $grid-columns) - ($grid-gutter-width / 2));
 
   .exhibit-card,
   .card-face {
     height: $exhibit-card-height - $reduce-exhibit-card-image-size;
+  }
+
+  .card-front,
+  .card-back {
+    img {
+      height: $exhibit-card-image-size - $reduce-exhibit-card-image-size;
+    }
   }
 
   // Cannot extend .btn-sm within a @media query
   .center-btn .btn {
     @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);