JSFiddle - React, Tailwind, and code Playground
HTML
<div class="project work">
<p>abcdef</p>
</div>
<div class="project work">
<p>abcdef</p>
</div>
<div class="project work">
<p>abcdef</p>
</div>
<div class="project research">
<p>abcdef</p>
</div>CSS
.project.work p:first-child:before {content:'Projects';}
.project.research p:first-child:before {content:'Research';}