Testimonials Large

[onuro]

Screenshot:

<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"full","style":{"spacing":{"blockGap":"80px"}}} -->
<div class="wp-block-group alignfull"><!-- wp:media-text {"mediaId":6094,"mediaLink":"https://dotcompatterns.wordpress.com/?attachment_id=6094","mediaType":"image"} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://dotcompatterns.files.wordpress.com/2022/08/anton.jpg?w=1024" alt="" class="wp-image-6094 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1vw","right":"1vw","bottom":"1vw","left":"1vw"}}}} -->
<div class="wp-block-group" style="padding-top:1vw;padding-right:1vw;padding-bottom:1vw;padding-left:1vw"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"20px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px"><!-- wp:image {"id":6096,"width":21,"height":16,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://dotcompatterns.files.wordpress.com/2022/08/quote2.png?w=41" alt="" class="wp-image-6096" width="21" height="16"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph -->
<p>We loved the environment the second we walked in the door. The service was fantastic and we left feeling like our server was our new best friend.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>The food is bragworthy. This is where I’ll bring guests from out of town from now on.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"20px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"border":{"top":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"top":"20px","right":"20px"},"margin":{"top":"30px"}}}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--tertiary);border-top-width:1px;margin-top:30px;padding-top:20px;padding-right:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"5px","margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"small"} -->
<h5 class="has-small-font-size" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:600">Anton Delgado</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Traveler, Food Reviewer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"mediaPosition":"right","mediaId":6100,"mediaLink":"https://dotcompatterns.wordpress.com/?attachment_id=6100","mediaType":"image"} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile"><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1vw","right":"1vw","bottom":"1vw","left":"1vw"}}}} -->
<div class="wp-block-group" style="padding-top:1vw;padding-right:1vw;padding-bottom:1vw;padding-left:1vw"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"20px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px"><!-- wp:image {"id":6096,"width":21,"height":16,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://dotcompatterns.files.wordpress.com/2022/08/quote2.png?w=41" alt="" class="wp-image-6096" width="21" height="16"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph -->
<p>We’ve thought we had about every version of Italian food you could imagine but this was an entirely new experience for us. Delicious!<br><br>The flavor combinations were totally unique while still tasting Italian.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"20px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"border":{"top":{"color":"var:preset|color|tertiary","width":"1px"}},"spacing":{"padding":{"top":"20px","right":"20px"},"margin":{"top":"30px"}}}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--tertiary);border-top-width:1px;margin-top:30px;padding-top:20px;padding-right:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"5px","margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"small"} -->
<h5 class="has-small-font-size" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:600">Jane Appleton</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"secondary","fontSize":"small"} -->
<p class="has-secondary-color has-text-color has-small-font-size">Artist, Food Enthusiast</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div><figure class="wp-block-media-text__media"><img src="https://dotcompatterns.files.wordpress.com/2022/08/jane.jpg?w=545" alt="" class="wp-image-6100 size-full"/></figure></div>
<!-- /wp:media-text --></div>
<!-- /wp:group -->

Preview: https://dotcompatterns.wordpress.com/?p=6092&preview=true

@alaczek @iamtakashi

[iamtakashi]

A few thoughts.

• The image of the man on the left is familiar. Where was the source? Have we used it before?
• Is it just me that the image of the woman on the right seems low-res / not crisp enough?
• Let's make sure the text for occupation has good enough contrast in colour. Let's aim 4.5:1 at least.
• The space above the separator throws the balance off for me, personally.

[onuro]

Thanks for your input @iamtakashi. Updated as follows. Lmk what you think:

[iamtakashi]

Thanks for the update. The balance in the text columns is much better.

The images are kind of "stocky". The man's image feels casual and ok, but there is probably a better image than the one of the woman. I think the background of both images makes them feel even more stocky.