JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="team" id="team">	 
				<div class="team-members">
					<div class="wrap"> 
						<div class="tm-head">
							<h3>Amezing <span>Team</span></h3>
							<p>These wonderful people make work enjoyable.</p>
						</div>
						<div class="tm-head-grids">
							<div class="tm-head-grid">
								<img src="images/team-member1.png" alt="" />
								<h4>Kimberly Thompson</h4>
								
							</div>
							<div class="tm-head-grid">
								<img src="images/team-member2.jpg" alt="" />
								<h4>Rico Massimo</h4></div><div class="tm-head-grid">
								<img src="images/team-member3.jpg" alt="" />
								<h4>Uku Mason</h4>
								
							</div><div class="tm-head-grid">
								<img src="images/team-member3.jpg" alt="" />
								<h4>Uku Mason</h4>
								
							</div><div class="tm-head-grid">
								<img src="images/team-member3.jpg" alt="" />
								<h4>Uku Mason</h4>
								
							</div><div class="tm-head-grid">
								<img src="images/team-member3.jpg" alt="" />
								<h4>Uku Mason</h4>
								
							</div><div class="tm-head-grid">
								<img src="images/team-member3.jpg" alt="" />
								<h4>Uku Mason</h4>
								
							</div>

						
						

							<div class="clear"> </div>

						</div>

					
					</div>
				</div>
		</div>

CSS

.tm-head-grids {
		width: 96%;
		margin: 1em auto 2.3em auto;
	}
.tm-head-grid {
		width: 100%;
		text-align: center;
		float: none;
		padding-bottom: 2em;
	}
/*---team-members--*/
.team-members{
	padding: 4% 0;
	background: #0D0D0D;
}
.tm-head,.client-head{
	text-align:center;
}
div.grids-1 {
	width: 80%;
}
.tm-head h3{
	color: #fff;
	font-size: 2.3em;
	text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}
.tm-head h3 span{
	font-weight: 600;
	font-size: 1.3em;
}
.tm-head p{
    font-family: 'Open Sans', sans-serif;
	font-size: 1.035em;
	padding: 0.5em 0;
	color:#939393;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 6%;
}
.tm-head-grid img{
	border-radius: 30em;
	-webkit-border-radius: 30em;
	-moz-border-radius: 30em;
	-o-border-radius: 30em;
	border: 10px solid #F2787A;
}
.tm-head-grid {
	width: 30.33%;
	text-align: center;
	float: left;
	margin-right: 4.5%;
}
.tm-head-grids {
	width: 75%;
	margin: 3.3em auto 2.3em auto;
}
.tm-head-grid:nth-child(3){
	margin-right:0;
}
.tm-head-grid h4{
	color:#7690C5;
	font-size: 1.1em;
	font-weight:600;
	margin: 0.8em 0 0.2em 0;
	font-family: 'Open Sans', sans-serif;
}
.tm-head-grid h5{
	color: #DEDEDE;
	margin: 0 auto;
	font-size: 0.97em;
	font-family: 'Open Sans', sans-serif;
}