Calm Business: Fix the lack of margin on Media & Text block contents

calm-business/sass/blocks/_blocks.scss

@@ -933,6 +933,15 @@
 				padding-top: $size__vertical-spacing-unit;
 				padding-bottom: $size__vertical-spacing-unit;
 			}
+
+
+			> :first-child {
+				margin-top: 0.88889rem;
+			}
+
+			> :last-child {
+				margin-bottom: 0.88889rem;
+			}
 		}
 
 		// Temporary fix for IE 11 for this issue: https://github.com/WordPress/gutenberg/issues/11577

calm-business/style-rtl.css

@@ -4502,6 +4502,14 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :first-child {
+  margin-top: 0.88889rem;
+}
+
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
+  margin-bottom: 0.88889rem;
+}
+
 @media all and (-ms-high-contrast: none) {
   .entry .entry-content .wp-block-media-text:after {
     display: table;

calm-business/style.css

@@ -4513,6 +4513,14 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :first-child {
+  margin-top: 0.88889rem;
+}
+
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
+  margin-bottom: 0.88889rem;
+}
+
 @media all and (-ms-high-contrast: none) {
   .entry .entry-content .wp-block-media-text:after {
     display: table;