Hero gradient banner with overlap images

Summer Drinks

“Summer Means Happy Times and Good Sunshine”

Pattern Code
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"},"blockGap":"0px"},"color":{"gradient":"linear-gradient(360deg,rgb(255,255,255) 42%,rgba(255,87,0,0.8) 42%,rgb(106,4,4) 99%)"}},"layout":{"wideSize":"100%"},"fontSize":"small"} -->
<div class="wp-block-group alignfull has-background has-small-font-size" style="background:linear-gradient(360deg,rgb(255,255,255) 42%,rgba(255,87,0,0.8) 42%,rgb(106,4,4) 99%);padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px"><!-- wp:heading {"textAlign":"center","align":"wide","textColor":"vivid-green-cyan","fontSize":"medium"} -->
<h2 class="wp-block-heading alignwide has-text-align-center has-vivid-green-cyan-color has-text-color has-medium-font-size">Summer Drinks</h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"align":"wide","style":{"typography":{"lineHeight":2}},"textColor":"white"} -->
<h3 class="wp-block-heading alignwide has-text-align-center has-white-color has-text-color" style="line-height:2">"Summer Means Happy Times and Good Sunshine"</h3>
<!-- /wp:heading -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"100px","bottom":"0px"}}}} -->
<div class="wp-block-columns" style="margin-top:100px;margin-bottom:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJjb2NrdGFpbF9kcmlua19wb29sc2lkZV9hbGNvaG9sLWltYWdlLWt5YmR5aWxuLmpwZw.jpg" alt="" style="border-radius:15px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0NDk5NzQ5MDI2Mi1pbWFnZS1reWJlajVrbS5qcGc.jpg" alt="" style="border-radius:15px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJjb2ZmZWVfaGlnaGxpZ2h0X2xhdHRlX3N0cmF3LWltYWdlLWt5YmR6NHdoLmpwZw.jpg" alt="" style="border-radius:15px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0MzEwODA2NTQzNS1pbWFnZS1reWJlaW45dy5qcGc.jpg" alt="" style="border-radius:15px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"border":{"radius":"30px"},"color":{"gradient":"linear-gradient(135deg,rgb(240,75,38) 0%,rgb(84,10,4) 100%)"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#0" style="border-radius:30px;background:linear-gradient(135deg,rgb(240,75,38) 0%,rgb(84,10,4) 100%)">View More </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->