Applying a 50/50 column split for side by side content block

Store Design
1

How do I make the image and text 50% of the page width each on the full screen view so that the layout doesn’t have heaps of white space?

Current:

heyspang_0-1627880186728.png
heyspang_0-1627880186728.png1904×778 171 KB

What I want it to look like:

heyspang_1-1627880227395.png
heyspang_1-1627880227395.png1905×793 207 KB

https://92o2k3pjcmv4k88k-51034554559.shopifypreview.com/

2

@heyspang
I can’t see these images in your store.
can you tell me in which section is these images are aligned.
thank you.

3

Hey sorry they are on the our people, our community and our why pages.

Can you see them? https://maryandmason.co.nz/pages/our-people

The image with the dog is an example of what I want it to look like from another website

4

Hello @heyspang

Can you please share your page url

5

Hey sure here you go - https://92o2k3pjcmv4k88k-51034554559.shopifypreview.com/pages/our-people

6

hello @heyspang

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.prestige--v4  .FeatureText__ContentWrapper .FeatureText__Content {
    max-width: 100%;
}
.prestige--v4  .FeatureText__ContentWrapper .SectionHeader__Description.Rte{
	    max-width: 100%;
}
.prestige--v4  .FeatureText__ImageWrapper .AspectRatio{
	    max-width: 100% !important;
}