Subscription with Image on the Right

[onuro]

Screenshot:

<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaId":6045,"mediaLink":"https://dotcompatterns.wordpress.com/?attachment_id=6045","mediaType":"image","mediaWidth":46} -->
<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns:auto 46%"><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"blockGap":"30px","padding":{"bottom":"50px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group" style="padding-bottom:50px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}}} -->
<div class="wp-block-group" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.85rem"}}} -->
<p style="font-size:0.85rem">Enjoy your discount</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","fontSize":"3.5rem","textTransform":"uppercase"}},"fontFamily":"chivo"} -->
<h2 class="has-chivo-font-family has-custom-font" style="font-size:3.5rem;font-style:normal;font-weight:800;text-transform:uppercase;font-family:chivo">15% Off</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Join our mailing list and get instant 15% off on your first order, plus free shipping!</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"backgroundColor":"background"} -->
<div class="wp-block-group has-background-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:jetpack/subscriptions {"buttonWidth":"","submitButtonText":"\u003cstrong\u003e Subscribe\u003c/strong\u003e","customButtonBackgroundColor":"#dd4d43","borderRadius":5,"borderWeight":0,"customBorderColor":"#dd4d43","padding":15,"spacing":10,"className":"is-style-compact"} -->
<div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline is-style-compact">[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" submit_button_text="&lt;strong&gt; Subscribe&lt;/strong&gt;" custom_background_button_color="#dd4d43" custom_font_size="16px" custom_border_radius="5" custom_border_weight="1" custom_border_color="#dd4d43" custom_padding="15" custom_spacing="10" submit_button_classes="" email_field_classes="" show_only_email_and_button="true" success_message="Success! An email was just sent to confirm your subscription. Please find the email now and click &#039;Confirm Follow&#039; to start subscribing."]</div>
<!-- /wp:jetpack/subscriptions --></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/womanbag.jpg?w=860" alt="" class="wp-image-6045 size-full"/></figure></div>
<!-- /wp:media-text -->

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

[iamtakashi]

I'm not too sure about the image. The subject looks away in the direction opposite to the way we want the viewer to see. And the composition isn't good as the subject cut off strangely.

[onuro]

Thanks for the input @iamtakashi ! This was a tricky image which I liked and tried to forcefully position it right as much as possible. Turns out it wasn't right enough :)

I have a couple more image options here. @alaczek @iamtakashi any favorites?

[iamtakashi]

I think either of the two is on the left. The two on the right are a bit too busy, I think.

[alaczek]

I think I like the image in the top left best - we need more people in our images :)

[onuro]

Thanks! Published as follows: