2-4 Column Layouts – Centered Images

After reviewing everything in the forum, I still was having an issue with centering images in two, three, and four column layouts. I also didn’t want huge images, but I was able to find a solution for it within the forum. For anyone else who might be struggling with these combinations, the following custom css resolved both issues (just copy and paste THE ONE you might need; you can also adjust the left and width variables if you need to scale the photos larger/smaller):

/* 2 Column Layout */
.wpsm_team_1_mem_img {
display: flex;
position: relative;
left: 33%;
width: 33%;
height: auto;
max-width: 230px;
max-height: 260px
}

/* 3 Column Layout */
.wpsm_team_1_mem_img {
display: flex;
position: relative;
left: 25%;
width: 50%;
height: auto;
max-width: 230px;
max-height: 260px
}

/* 4 Column Layout */
.wpsm_team_1_mem_img {
display: flex;
position: relative;
left: 18%;
width: 65%;
height: auto;
max-width: 230px;
max-height: 260px
}

The page I need help with: [log in to see the link]