#team-section {
	gap: var(--spacing-l);
}

#team-section .team {
	flex-wrap: wrap;
	row-gap: 2.5em;
}

#team-section .team-member {
	padding: var(--spacing-s);
    border-radius: var(--b-radius);
    width: fit-content;
    gap: var(--spacing-xs);
	position: relative;
	/* min-width: 20em; */
	position: relative;

	flex: 1 1 160px;
	width: 40%;
}

#team-section .team-member.hidden {
	visibility: hidden;
}

#team-section .team-member .member-name,
#team-section .team-member .member-role {
	font-weight: bold;
	color: var(--primary);
}

#team-section .team-member .member-name {
	margin-top: var(--spacing-xs);
	font-size: 1.2em;
	color: var(--content);
}

#team-section .team-member .photo {
	background-color: var(--gray);
	width: 4em;
	height: 4em;
	position: absolute;
	top: -30%;
	right: 10%;
	border-radius: 999px;
	/* border: solid 2px var(--primary); */
}

@media screen and (max-width: 769px) {
	#team-section .team-member .photo {
		width: 3em;
		height: 3em;
		top: -20%;
	}
}