7.1 List -- text to right of image instead of below

Hi forum!

Wondering if anyone knows how to take the text (title, description) and force it to the right. Similar to the image cardblock in 7.0

site: https://clover-cone-cdbz.squarespace.com/about

pw: LWD

You'll see I'm playing with several layouts for the "contributors" section. The client ideally wants the text to the the right of the image, but I don't want him to have to add blocks etc. since he's never used 7.1. 

Note: I sort of like how the summary block pulling from a blog page works [see v4] -- but only if there is a way to reverse the order. I played around with <flex-direction: row- reverse> but there doesn't seem to be a way to do it without javascript... and the client can't afford a business plan. In general lists seem more user friendly for the client to upkeep the site. 

Thank you!

12 hours ago, Ziggy said:

You can try this Custom CSS:

@media only screen and (min-width:767px) {
section[data-section-id="64d40640bd49c26b55b6760e"] {
.user-items-list-simple .list-item {
    display: flex;
    flex-direction: row;
}
.list-item-content, .list-item-media {
  width:50% !important;
}
}
}

Thank you so much for this @Ziggy!! Worked great.

For anyone else, it showed like this at first: 
 

So I played around with the code and got it to look like this: 

The code I ended up using was: 

@media only screen and (min-width:767px) {

section[data-section-id="64d40640bd49c26b55b6760e"] {
.user-items-list-simple .list-item {
display: flex; flex-direction: row;
}

.list-item-media {
width:30% !important; margin-left: 0px !important;
}

.list-item-content {
width:65% !important;
}

}

}