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:first-child:before {content:'Projects';}
.project.research:first-child:before {content:'Research';}