From e2a93ec094d6ec1283c10a220b26a2acb4b7417c Mon Sep 17 00:00:00 2001
From: ysds <ysds.code@gmail.com>
Date: Thu, 12 Sep 2019 23:30:47 +0900
Subject: [PATCH] Fix incorrect aspect ratio on IE11

---
 scss/_card.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/scss/_card.scss b/scss/_card.scss
index 24c65bee04..c4d046ca0a 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -131,19 +131,20 @@
   padding: $card-img-overlay-padding;
 }
 
-.card-img {
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396
   width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
-  @include border-radius($card-inner-border-radius);
 }
 
-// Card image caps
+.card-img,
 .card-img-top {
-  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
   @include border-top-radius($card-inner-border-radius);
 }
 
+.card-img,
 .card-img-bottom {
-  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
   @include border-bottom-radius($card-inner-border-radius);
 }