Image in column with description in the gradient background

Mountain View

Quisque malesuada placerat nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae
Learn More….
Mountain View

Quisque malesuada placerat nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae
Learn More….
Pattern Code
<!-- wp:group {"style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-background-color has-background" style="margin-top:0;margin-bottom:0"><!-- wp:columns {"style":{"color":{"gradient":"linear-gradient(0deg,rgba(6,123,191,0.52) 0%,rgba(245,211,211,0.54) 41%,rgb(254,254,254) 100%)"}}} -->
<div class="wp-block-columns has-background" style="background:linear-gradient(0deg,rgba(6,123,191,0.52) 0%,rgba(245,211,211,0.54) 41%,rgb(254,254,254) 100%)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":"276px","height":"auto","aspectRatio":"0.75","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmwzMTUzOTI0NTk4NS1pbWFnZS1rdTI1OGF5OS1remVtZzQyZC5qcGc.jpg" alt="" style="aspect-ratio:0.75;object-fit:cover;width:276px;height:auto" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"400"}}} -->
<h2 class="wp-block-heading has-text-align-left" style="font-size:32px;font-style:normal;font-weight:400">Mountain View</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"200"}}} -->
<p class="has-text-align-left" style="font-size:15px;font-style:normal;font-weight:200">Quisque malesuada placerat nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"0px","width":"1px"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" style="border-width:1px;border-radius:0px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px">Learn More....</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"style":{"color":{"gradient":"linear-gradient(180deg,rgba(6,123,191,0.52) 0%,rgba(245,211,211,0.54) 41%,rgb(255,255,255) 99%)"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns has-background" style="background:linear-gradient(180deg,rgba(6,123,191,0.52) 0%,rgba(245,211,211,0.54) 41%,rgb(255,255,255) 99%);margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"right","style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"400"}}} -->
<h2 class="wp-block-heading has-text-align-right" style="font-size:32px;font-style:normal;font-weight:400">Mountain View</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"200"}}} -->
<p class="has-text-align-right" style="font-size:15px;font-style:normal;font-weight:200">Quisque malesuada placerat nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"0px","width":"1px"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" style="border-width:1px;border-radius:0px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px">Learn More....</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":"274px","height":"auto","aspectRatio":"0.75","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmwzMTUzOTI0NTk4NS1pbWFnZS1rdTI1OGF5OS1remVtZzQyZC5qcGc.jpg" alt="" style="aspect-ratio:0.75;object-fit:cover;width:274px;height:auto" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->