Calm Business: Add fallback for Media & Text block for IE11.

calm-business/sass/blocks/_blocks.scss

@@ -4,7 +4,7 @@
 .entry .entry-summary > * {
 	margin: 32px auto;
 	max-width: 100%;
-	
+
 	@include postContentMaxWidth();
 
 	@include media(tablet) {
@@ -507,7 +507,7 @@
 		}
 
 		.aligncenter {
-			
+
 			@include postContentMaxWidth();
 
 			@include media(tablet) {
@@ -873,6 +873,34 @@
 				padding-bottom: 32px;
 			}
 		}
+
+		// Temporary fix for IE 11 for this issue: https://github.com/WordPress/gutenberg/issues/11577
+		@media all and (-ms-high-contrast:none) {
+
+			&:after {
+				display: table;
+				content: "";
+				clear: both;
+			}
+
+			figure {
+				float: left;
+				width: 50%;
+			}
+
+			.wp-block-media-text__content {
+				float: right;
+				width: 50%;
+			}
+
+			&.has-media-on-the-right figure {
+				float: right;
+			}
+
+			&.has-media-on-the-right .wp-block-media-text__content {
+				float: left;
+			}
+		}
 	}
 
 	//! Font Sizes