Varia - center Getty image embeds (#6231)

Code is from this open issue: https://github.com/Automattic/themes/issues/2123

Co-authored-by: Sarah Norris <sarah@sekai.co.uk>

blockbase/patterns/comments.php

@@ -58,4 +58,4 @@
 
 	<!-- wp:post-comments-form /-->
 </div>
-<!-- /wp:comments-query-loop --> 
+<!-- /wp:comments-query-loop --> 

blockbase/sass/_style.scss

@@ -3,49 +3,48 @@
  * Currently it is being loaded within ponyfill
  * As ponyfill gets refactored, add the necessary styles here.
  */
- 
+
 /*
  * Button hover styles.
  * Necessary until the following issue is resolved in Gutenberg:
  * https://github.com/WordPress/gutenberg/issues/27075
  */
 
- :is(
-	.wp-block-search__button,
-	.wp-block-button__link
+:is(
+.wp-block-search__button,
+.wp-block-button__link
 ):is(
-	:hover,
-	:active,
-	:focus
+:hover,
+:active,
+:focus
 ) {
-  text-decoration: none;
+	text-decoration: none;
 	cursor: pointer;
-  color: var(--wp--custom--button--hover--color--text);
-  background-color: var(--wp--custom--button--hover--color--background);
-  border-color: var(--wp--custom--button--hover--border--color);
+	color: var(--wp--custom--button--hover--color--text);
+	background-color: var(--wp--custom--button--hover--color--background);
+	border-color: var(--wp--custom--button--hover--border--color);
 }
 
 :is(
-	.wp-block-search__button,
-	.wp-block-button__link
+.wp-block-search__button,
+.wp-block-button__link
 ):focus {
 	outline: 1.5px dotted var(--wp--preset--color--foreground);
 	outline-offset: 3px;
 }
 
 :is(
-  .is-style-outline.wp-block-button,
-  .is-style-outline.wp-block-button__link
+.is-style-outline.wp-block-button,
+.is-style-outline.wp-block-button__link
 ) {
-  color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color) );
+	color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color));
 }
 
 :is(
-  .is-style-outline>.wp-block-button__link,
-  .is-style-outline.wp-block-button__link
+.is-style-outline>.wp-block-button__link,
+.is-style-outline.wp-block-button__link
 ):not(.has-background):hover {
-  color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text));
-  background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background));
+	color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text));
+	background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background));
 }
 
-

blockbase/sass/ponyfill.scss

@@ -29,5 +29,4 @@
 @import "blocks/table";
 @import "blocks/video";
 @import "post/meta";
-
 @import "style";

varia/sass/elements/_media.scss

@@ -1,7 +1,3 @@
-figure {
-
-}
-
 figcaption {
 	color: #{map-deep-get($config-global, "color", "foreground", "light")};
 	font-size: #{map-deep-get($config-global, "font", "size", "xs")};
@@ -32,3 +28,8 @@ iframe,
 object {
 	max-width: 100%;
 }
+
+/* Center-align getty image embeds */
+.getty.embed.image {
+	display: block !important;
+}

varia/style-editor.css

@@ -311,6 +311,11 @@ object {
 	max-width: 100%;
 }
 
+/* Center-align getty image embeds */
+.getty.embed.image {
+	display: block !important;
+}
+
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles for fonts, colors, and

varia/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A variable-based design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
-Version: 1.6.14
+Version: 1.6.16
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: varia
@@ -1112,6 +1112,11 @@ object {
 	max-width: 100%;
 }
 
+/* Center-align getty image embeds */
+.getty.embed.image {
+	display: block !important;
+}
+
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles for fonts, colors, and