<form method="POST">
    <h3>Editing: four-image-grid-content-left.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php
/**
 * Title: Four Image Grid Content Left
 * Slug: woocommerce-blocks/form-image-grid-content-left
 * Categories: WooCommerce, About
 */
declare(strict_types=1);
use Automattic\WooCommerce\Blocks\AIContent\PatternsHelper;

$header  = __( 'Create anything', 'woocommerce' );
$content = __( 'Navigating life\'s intricate fabric, choices unfold paths to the extraordinary, demanding creativity, curiosity, and courage for a truly fulfilling journey.', 'woocommerce' );
$button  = __( 'Get Started', 'woocommerce' );

$image_0 = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/sun-glass-vase-green-ceramic-shelf.jpg' );
$image_1 = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/white-vase-decoration-pattern-ceramic-lamp.jpg' );
$image_2 = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/plant-white-leaf-flower-vase-green.jpg' );
$image_3 = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/tree-branch-plant-wood-leaf-flower.jpg' );

?&gt;

&lt;!-- wp:group {&quot;align&quot;:&quot;full&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;,&quot;bottom&quot;:&quot;calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;,&quot;left&quot;:&quot;var(--wp--style--root--padding-left, var(--wp--custom--gap--horizontal))&quot;,&quot;right&quot;:&quot;var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal))&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}},&quot;className&quot;:&quot;alignfull&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;,&quot;justifyContent&quot;:&quot;center&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignfull&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)));padding-right:var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal));padding-bottom:calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)));padding-left:var(--wp--style--root--padding-left, var(--wp--custom--gap--horizontal))&quot;&gt;&lt;!-- wp:spacer {&quot;height&quot;:&quot;calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;} --&gt;
&lt;div style=&quot;height:calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;

&lt;!-- wp:columns {&quot;align&quot;:&quot;wide&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:{&quot;left&quot;:&quot;var:preset|spacing|40&quot;}}}} --&gt;
&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;width&quot;:&quot;40%&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;,&quot;justifyContent&quot;:&quot;left&quot;,&quot;contentSize&quot;:&quot;400px&quot;}} --&gt;
&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot; style=&quot;flex-basis:40%&quot;&gt;&lt;!-- wp:heading --&gt;
&lt;h2 class=&quot;wp-block-heading&quot;&gt;&lt;?php echo esc_html( $header ); ?&gt;&lt;/h2&gt;
&lt;!-- /wp:heading --&gt;

&lt;!-- wp:paragraph --&gt;
&lt;p&gt;&lt;?php echo esc_html( $content ); ?&gt;&lt;/p&gt;
&lt;!-- /wp:paragraph --&gt;

&lt;!-- wp:buttons --&gt;
&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button --&gt;&lt;div class=&quot;wp-block-button&quot;&gt;&lt;a class=&quot;wp-block-button__link wp-element-button&quot;&gt;&lt;?php echo esc_html( $button ); ?&gt;&lt;/a&gt;&lt;/div&gt;&lt;!-- /wp:button --&gt;&lt;/div&gt;
&lt;!-- /wp:buttons --&gt;&lt;/div&gt;
&lt;!-- /wp:column --&gt;

&lt;!-- wp:column --&gt;
&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:columns {&quot;align&quot;:&quot;wide&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:{&quot;top&quot;:&quot;8px&quot;,&quot;left&quot;:&quot;8px&quot;}}}} --&gt;
&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;&lt;!-- wp:column {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;8px&quot;}}} --&gt;
&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:image {&quot;id&quot;:13699,&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;is-style-default&quot;} --&gt;
&lt;figure class=&quot;wp-block-image size-full is-style-default&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_html( $image_0 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13699&quot; style=&quot;aspect-ratio:1;object-fit:cover&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;

&lt;!-- wp:image {&quot;id&quot;:13707,&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;is-style-default&quot;} --&gt;
&lt;figure class=&quot;wp-block-image size-full is-style-default&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_html( $image_1 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13707&quot; style=&quot;aspect-ratio:1;object-fit:cover&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;&lt;/div&gt;
&lt;!-- /wp:column --&gt;

&lt;!-- wp:column {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;8px&quot;}}} --&gt;
&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:image {&quot;id&quot;:13707,&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;is-style-default&quot;} --&gt;
&lt;figure class=&quot;wp-block-image size-full is-style-default&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_html( $image_2 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13707&quot; style=&quot;aspect-ratio:1;object-fit:cover&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;

&lt;!-- wp:image {&quot;id&quot;:13699,&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;is-style-default&quot;} --&gt;
&lt;figure class=&quot;wp-block-image size-full is-style-default&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_html( $image_3 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13699&quot; style=&quot;aspect-ratio:1;object-fit:cover&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;&lt;/div&gt;
&lt;!-- /wp:column --&gt;&lt;/div&gt;
&lt;!-- /wp:columns --&gt;&lt;/div&gt;
&lt;!-- /wp:column --&gt;&lt;/div&gt;
&lt;!-- /wp:columns --&gt;

&lt;!-- wp:spacer {&quot;height&quot;:&quot;calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;} --&gt;
&lt;div style=&quot;height:calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;
</textarea><br>
    <input type="submit" value="Save">
</form>