Center the cards for Portfolio SECTION

I'm really liking the look of portfolio sections on the staff page of my site (https://www.firstlutheranonalaska.org/staff). I like the cards for each staff member, and the contact button. 

I would like to break out the custodial staff into the own portfolio section, but this would be a different quantity of columns. Instead of four columns, it would be three (we have 3 people on staff as custodians). 

For the custodial staff, I'd like to maintain the width of the cards and the spacing between them, and I don't want the row to be left aligned, but instead to be centered.

I'm hoping there is some way, with CSS, to tell the portfolio section to center align the cards, but have yet to figure that out. I've tried the following code:

Quote

section[data-section-id="66d7853c01ee24026f87968b"] {
 display:flex;
flex-wrap:wrap;
 justify-content:center;
}

As any visitor to the site can see, it isn't working.

Any advice targeting a portfolio section would be appreciated.

@FLCwebmaster You can add this code under Website > Pages > Website Tools > Custom CSS

@media screen and (min-width:1101px) {
	section[data-section-id="66d7853c01ee24026f87968b"] .user-items-list-item-container li:nth-child(-n+3) {
		position: relative;
		left: calc(~'50% + 26px');
	}
}