<!-- wp:group {"className":"bbp-pattern bbp-pattern-general-portfolio-1"} -->
<div class="wp-block-group bbp-pattern bbp-pattern-general-portfolio-1"><!-- wp:columns {"className":"bbp-pattern-layout-columns"} -->
<div class="wp-block-columns bbp-pattern-layout-columns"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"className":"bbp-column-group"} -->
<div class="wp-block-group bbp-column-group"><!-- wp:heading {"className":"bbp-column__title"} -->
<h2 class="bbp-column__title"><?php echo esc_html_x( 'Pattern Title', 'Block pattern demo content', 'better-block-patterns' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"bbp-column__excerpt"} -->
<p class="bbp-column__excerpt"><?php echo esc_html( $lorem_short_1 ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"bbp-column__readmore"} -->
<p class="bbp-column__readmore"><a href="#"><?php echo esc_html_x( 'Learn More', 'Block pattern demo content', 'better-block-patterns' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="<?php echo esc_url( BBP_PLUGIN_URL . 'assets/images/solid-color-10.png' ); ?>" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="<?php echo esc_url( BBP_PLUGIN_URL . 'assets/images/solid-color-9.png' ); ?>" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="<?php echo esc_url( BBP_PLUGIN_URL . 'assets/images/solid-color-11.png' ); ?>" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="<?php echo esc_url( BBP_PLUGIN_URL . 'assets/images/solid-color-8.png' ); ?>" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->