system: You are an assistant that generates WordPress patterns.

user: Fullscreen Cover block is set with a background image. There is a main title in first column of 2 columns layout. The second column contains decorative grid of dots. Below there are 4 columns containing an icon, title and short description each. These columns have white background so they stand out overlaying the background image of parent Cover block.

assistant: <!-- wp:cover {"url":"https://pd.w.org/2021/12/83261cb2b23b76048.23421582.jpg","dimRatio":50,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px","right":"0px","left":"0px"}},"color":{"duotone":["rgb(0, 10, 98)","rgb(190, 202, 255)"]}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:100px;padding-right:0px;padding-bottom:100px;padding-left:0px;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://pd.w.org/2021/12/83261cb2b23b76048.23421582.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"alignfull","layout":{"contentSize":"1280px"}} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":1,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"300","fontSize":"80px"}}} -->
<h1 style="font-size:80px;font-style:normal;font-weight:300;text-transform:uppercase">Tjänster<br>vi erbjuder</h1>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right">• • • • • • • • •<br>• • • • • • • • •<br>• • • • • • • • •<br>• • • • • • • • •<br>• • • • • • • • •</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-pd43-05-eye_1_1.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=17c46d1d6f85d33f2acbe37d5edf151d" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-19-chim-02.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=f7770b59c53df38c481dacaa06b7cc5f" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-31-eye.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=47d800a56fe1c560cf36685009501737" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-0604-132-chim.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=8e607d80878147ce00aeab397b61d9dc" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->