Team member element size and alignment

I inserted a “1/4” element (with the menu) on the left and a “3/4” element on the right; I made this to get a vertical line on the left of the 3/4 (see my previous support request).

Now, in the 3/4 element I inserted 4 “team member” elements but (at the beginning) they occupied 100% of the 3/4 element width, so they were placed piled one above the other

I added some quick CSS in general styling:

.avia-team-member {
width:50%;
}

img.avia_image_team {
float: left;
}

getting a proper alignment on the left and a reduced size of the tm element: but they remain piled and don’t place in a row (2 members for each row)

how can I place those team elements, two per row, keeping the 3/4 layout element (needed for the vertical line)?

TIA