Body Area Style 2

Mohsin Liaquat

Lisa*

Lisa* can’t turn off her mind. She’s either consumed with worry about things that haven’t happened yet or stuck replaying every potential mistake she’s ever made. Despite all of her efforts to be flawless and please everyone in her life at the expense of her own well-being, she always feels like she’s disappointed someone. Her body, mind, and relationships continue to suffer, but change feels impossible.

Kate*

Kate* wants more from her relationship. She can barely remember the last time she and her husband were intimate, and she’s starting to wonder if they ever will be again. The physical space between them seems to grow by the day, and neither can quite figure out why. Sex has become just another to-do in their ever-growing list, and the last thing that either of them needs is another chore to juggle.

Ben*

Ben* feels like his work is never finished. Between school, extracurriculars, homework, social pressures, and the prospects of his future, it’s all too much. Even though he wants to take control of his life, he simply can’t bring himself to do it. He loses focus, forgets things, and his ADHD keeps getting the better of him. He feels so much shame and guilt for his laziness and wonders if things will ever be any different.

Aaron*

Aaron* can’t stop. Every night, he promises himself that tomorrow will be the day when he finally quits, but tomorrow comes and goes with little change. No matter how hard he tries to fight his compulsive behavior, or swears this will be the last time, it’s simply no use. Now, it’s taking over his entire life. His relationships, health, and future all hang in the balance, but he can’t do it alone.

The above block is copied from the site: Erinn Williams

Pattern HTML

<!-- wp:group {"metadata":{"name":"Home Body Area"},"className":"home-body-area","style":{"spacing":{"padding":{"top":"var:preset|spacing|110","bottom":"var:preset|spacing|110"},"blockGap":"var:preset|spacing|110"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group home-body-area" style="padding-top:var(--wp--preset--spacing--110);padding-bottom:var(--wp--preset--spacing--110)"><!-- wp:columns {"verticalAlignment":"top","metadata":{"name":"Lisa* - Row"},"className":"img-text-row","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|110"}}}} -->
<div class="wp-block-columns are-vertically-aligned-top img-text-row"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:image {"id":813,"sizeSlug":"full","linkDestination":"none","animationsForBlocks":{"animation":"fade","variation":"right","duration":1950,"once":true,"mirror":false},"align":"center"} -->
<figure class="wp-block-image aligncenter size-full" data-aos="fade-right" data-aos-duration="1950" data-aos-once="true"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/612833015.jpg" alt="" class="wp-image-813"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"blockGap":"var:preset|spacing|15"}}} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"animationsForBlocks":{"animation":"fade","variation":"right","duration":1950,"once":true,"mirror":false},"className":"overlapping-heading"} -->
<h3 class="wp-block-heading overlapping-heading" data-aos="fade-right" data-aos-duration="1950" data-aos-once="true">Lisa*</h3>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"400px","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong>Lisa*</strong> can’t turn off her mind. She’s either consumed with worry about things that haven’t happened yet or stuck replaying every potential mistake she’s ever made. Despite all of her efforts to be flawless and please everyone in her life at the expense of her own well-being, she always feels like she’s disappointed someone. Her body, mind, and relationships continue to suffer, but change feels impossible.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"top","metadata":{"name":"Kate* - Row"},"className":"text-img-row mobile-reverse-columns","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|110"}}}} -->
<div class="wp-block-columns are-vertically-aligned-top text-img-row mobile-reverse-columns"><!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"blockGap":"var:preset|spacing|15"}}} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"textAlign":"right","level":3,"animationsForBlocks":{"animation":"fade","variation":"left","duration":1950,"once":true,"mirror":false},"className":"overlapping-heading"} -->
<h3 class="wp-block-heading has-text-align-right overlapping-heading" data-aos="fade-left" data-aos-duration="1950" data-aos-once="true">Kate*</h3>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"430px","justifyContent":"right"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><strong>Kate*</strong> wants more from her relationship. She can barely remember the last time she and her husband were intimate, and she’s starting to wonder if they ever will be again. The physical space between them seems to grow by the day, and neither can quite figure out why. Sex has become just another to-do in their ever-growing list, and the last thing that either of them needs is another chore to juggle.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:image {"id":813,"sizeSlug":"full","linkDestination":"none","animationsForBlocks":{"animation":"fade","variation":"left","duration":1950,"once":true,"mirror":false},"align":"center"} -->
<figure class="wp-block-image aligncenter size-full" data-aos="fade-left" data-aos-duration="1950" data-aos-once="true"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/612833015.jpg" alt="" class="wp-image-813"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"top","metadata":{"name":"Ben* - Row"},"className":"img-text-row","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|110"}}}} -->
<div class="wp-block-columns are-vertically-aligned-top img-text-row"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:image {"id":813,"sizeSlug":"full","linkDestination":"none","animationsForBlocks":{"animation":"fade","variation":"right","duration":1950,"once":true,"mirror":false},"align":"center"} -->
<figure class="wp-block-image aligncenter size-full" data-aos="fade-right" data-aos-duration="1950" data-aos-once="true"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/612833015.jpg" alt="" class="wp-image-813"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"blockGap":"var:preset|spacing|15"}}} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"animationsForBlocks":{"animation":"fade","variation":"right","duration":1950,"once":true,"mirror":false},"className":"overlapping-heading"} -->
<h3 class="wp-block-heading overlapping-heading" data-aos="fade-right" data-aos-duration="1950" data-aos-once="true">Ben*</h3>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"400px","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong>Ben*</strong> feels like his work is never finished. Between school, extracurriculars, homework, social pressures, and the prospects of his future, it’s all too much. Even though he wants to take control of his life, he simply can’t bring himself to do it. He loses focus, forgets things, and his ADHD keeps getting the better of him. He feels so much shame and guilt for his laziness and wonders if things will ever be any different.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"top","metadata":{"name":"Aaron* - Row"},"className":"text-img-row last mobile-reverse-columns","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|110"}}}} -->
<div class="wp-block-columns are-vertically-aligned-top text-img-row last mobile-reverse-columns"><!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"blockGap":"var:preset|spacing|15"}}} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"textAlign":"right","level":3,"animationsForBlocks":{"animation":"fade","variation":"left","duration":1950,"once":true,"mirror":false},"className":"overlapping-heading"} -->
<h3 class="wp-block-heading has-text-align-right overlapping-heading" data-aos="fade-left" data-aos-duration="1950" data-aos-once="true">Aaron*</h3>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained","contentSize":"430px","justifyContent":"right"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><strong>Aaron*</strong> can’t stop. Every night, he promises himself that tomorrow will be the day when he finally quits, but tomorrow comes and goes with little change. No matter how hard he tries to fight his compulsive behavior, or swears this will be the last time, it’s simply no use. Now, it’s taking over his entire life. His relationships, health, and future all hang in the balance, but he can’t do it alone.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:image {"id":813,"sizeSlug":"full","linkDestination":"none","animationsForBlocks":{"animation":"fade","variation":"left","duration":1950,"once":true,"mirror":false},"align":"center"} -->
<figure class="wp-block-image aligncenter size-full" data-aos="fade-left" data-aos-duration="1950" data-aos-once="true"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/612833015.jpg" alt="" class="wp-image-813"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

Pattern CSS

#site-container .img-text-row .overlapping-heading {
    padding: 10px 18px;
    position: relative;
    z-index: 9;
    margin: 40px 0 0 -201px;
	background-color: #fff;
}


#site-container .text-img-row .overlapping-heading {
    padding: 10px 18px;;
    position: relative;
    z-index: 9;
	background-color: #fff;	
    margin: 40px -201px 0 0;
}


@media only screen and (max-width: 980px){
	#site-container .text-img-row .overlapping-heading,
	#site-container .img-text-row .overlapping-heading {
		margin: 0;
		text-align: left;
		padding: 10px 0;
	}
	.home-body-area p {
		max-width: 100%;
		text-align: left;
	}
	#site-container .home-body-area .wp-block-columns {
		margin-top: 25px;
	}	
}