JSFiddle - React, Tailwind, and code Playground

HTML

<div class="team-list one-fourth nomargin">
     <div class="team-photo">
         <img class="front" src="{front_image}" alt="{title}" />
     </div>
     <div class="team-bio">
	     team bio here
	 </div>
</div>

CSS

/* THE TEAM PAGE */
.team-list {
    position:relative;
    cursor: pointer
}

.team-list .team-photo img {
    max-width:100%;
}

.team-bio {
    display: none;
}

JavaScript

$('.team-photo').click(function() {
    $(this).next().slideToggle('slide');
});