Therapist Services 9
The above block is copied from the site: Madeline Wingerath
Pattern HTML
<!-- wp:group {"metadata":{"name":"Services Section"},"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|110","bottom":"var:preset|spacing|110"}}},"layout":{"type":"constrained","contentSize":"1125px"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--110);padding-bottom:var(--wp--preset--spacing--110)"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">What We Offer</h2>
<!-- /wp:heading -->
<!-- wp:group {"metadata":{"name":"Services Row 1"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"className":"services-row"} -->
<div class="wp-block-columns services-row"><!-- wp:column {"animationsForBlocks":{"animation":"flip","variation":"left","duration":2100,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="flip-left" data-aos-duration="2100" data-aos-once="true"><!-- wp:group {"className":"single-service","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/circle.png","id":114,"source":"file","title":"circle"},"backgroundSize":"cover"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":107,"sizeSlug":"full","linkDestination":"none","align":"center","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-full is-style-rounded"><img src="https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/479973511.jpg" alt="" class="wp-image-107"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:heading {"level":3,"fontSize":"paragraph-2"} -->
<h3 class="wp-block-heading has-paragraph-2-font-size"><a href="https://madelinewingerath.ghtdev.com/individual-therapy/">Individual Therapy</a></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="https://madelinewingerath.ghtdev.com/individual-therapy/">link</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"animationsForBlocks":{"animation":"flip","variation":"left","duration":2150,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="flip-left" data-aos-duration="2150" data-aos-once="true"><!-- wp:group {"className":"single-service","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/circle.png","id":114,"source":"file","title":"circle"},"backgroundSize":"cover"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":108,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/2435891389.jpg" alt="" class="wp-image-108"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:heading {"level":3,"fontSize":"paragraph-2"} -->
<h3 class="wp-block-heading has-paragraph-2-font-size"><a href="https://madelinewingerath.ghtdev.com/couples-therapy/">Couples Therapy</a></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="https://madelinewingerath.ghtdev.com/couples-therapy/">link</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"animationsForBlocks":{"animation":"flip","variation":"left","duration":2150,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="flip-left" data-aos-duration="2150" data-aos-once="true"><!-- wp:group {"className":"single-service","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/circle.png","id":114,"source":"file","title":"circle"},"backgroundSize":"cover"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":109,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/1517861936.jpg" alt="" class="wp-image-109"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:heading {"level":3,"fontSize":"paragraph-2"} -->
<h3 class="wp-block-heading has-paragraph-2-font-size"><a href="https://madelinewingerath.ghtdev.com/teen-therapy/">Teen Therapy</a></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="https://madelinewingerath.ghtdev.com/teen-therapy/">link</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"animationsForBlocks":{"animation":"flip","variation":"left","duration":2050,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="flip-left" data-aos-duration="2050" data-aos-once="true"><!-- wp:group {"className":"single-service","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/circle.png","id":114,"source":"file","title":"circle"},"backgroundSize":"cover"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":110,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/2282579981.jpg" alt="" class="wp-image-110"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:heading {"level":3,"fontSize":"paragraph-2"} -->
<h3 class="wp-block-heading has-paragraph-2-font-size"><a href="https://madelinewingerath.ghtdev.com/lgbtqia-affirming-care/">LGBTQIA+ Affirming Care</a></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="https://madelinewingerath.ghtdev.com/lgbtqia-affirming-care/">link</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Services Row 2"},"layout":{"type":"constrained","contentSize":"834px"}} -->
<div class="wp-block-group"><!-- wp:columns {"className":"services-row"} -->
<div class="wp-block-columns services-row"><!-- wp:column {"animationsForBlocks":{"animation":"flip","variation":"left","duration":2150,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="flip-left" data-aos-duration="2150" data-aos-once="true"><!-- wp:group {"className":"single-service","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/circle.png","id":114,"source":"file","title":"circle"},"backgroundSize":"cover"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":111,"sizeSlug":"full","linkDestination":"none","align":"center","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-full is-style-rounded"><img src="https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/1246891480.jpg" alt="" class="wp-image-111"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:heading {"level":3,"fontSize":"paragraph-2"} -->
<h3 class="wp-block-heading has-paragraph-2-font-size"><a href="https://madelinewingerath.ghtdev.com/somatic-experiencing/">Somatic Experiencing</a></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="https://madelinewingerath.ghtdev.com/somatic-experiencing/">link</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"animationsForBlocks":{"animation":"flip","variation":"left","duration":2150,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="flip-left" data-aos-duration="2150" data-aos-once="true"><!-- wp:group {"className":"single-service","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/circle.png","id":114,"source":"file","title":"circle"},"backgroundSize":"cover"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":112,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/2437115709.jpg" alt="" class="wp-image-112"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:heading {"level":3,"fontSize":"paragraph-2"} -->
<h3 class="wp-block-heading has-paragraph-2-font-size"><a href="https://madelinewingerath.ghtdev.com/emdr/">EMDR</a></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="https://madelinewingerath.ghtdev.com/somatic-experiencing/">link</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"animationsForBlocks":{"animation":"flip","variation":"left","duration":2100,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="flip-left" data-aos-duration="2100" data-aos-once="true"><!-- wp:group {"className":"single-service","layout":{"type":"constrained"}} -->
<div class="wp-block-group single-service"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/circle.png","id":114,"source":"file","title":"circle"},"backgroundSize":"cover"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":113,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded"><img src="https://madelinewingerath.ghtdev.com/wp-content/uploads/2025/07/2256653779.jpg" alt="" class="wp-image-113"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:heading {"level":3,"fontSize":"paragraph-2"} -->
<h3 class="wp-block-heading has-paragraph-2-font-size"><a href="https://madelinewingerath.ghtdev.com/group-therapy/">Group Therapy</a></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="https://madelinewingerath.ghtdev.com/group-therapy/">link</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Pattern CSS
.services-row .wp-block-column{
position: relative;
}
.services-row .wp-block-column p a {
position: absolute;
width: 100%;
height: 100%;
text-indent: -100px;
top: 0;
left: 0;
text-indent: -99999px;
z-index: 9;
}
.services-row .wp-block-column * {
z-index: 9;
position: relative;
}
#site-container .services-row .wp-block-column h3 a {
text-decoration: none;
}
#site-container .services-row .wp-block-column h3 {
line-height: 120%;
font-size: 20px;
padding: 0;
text-align: center;
margin-top: 23px;
}
.services-row .wp-block-column p {
position: unset;
margin: 0;
}
.single-service .wp-block-group {
min-height: 258px;
}
.single-service .wp-block-group {
min-height: 270px;
align-items: center;
display: flex;
justify-content: center;
background-size: 100% !important;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1200px) {
.services-row .wp-block-column * img {
max-width: 175px;
margin-top: -33px;
}
}
@media only screen and (max-width: 980px) {
#site-container .services-row .wp-block-column {
width: 260px;
margin: 0 auto;
}
}
