JSFiddle - React, Tailwind, and code Playground

HTML

<span class="work-grid__image">Work Grid Image</span>
<div class="work-grid__images">Work Grid Images
  <div class="work-strategy">
  Work Strategy
  </div>
</div>

CSS

.work-strategy{
  opacity:0;
}

.work-grid__image:hover + .work-grid__images > .work--strategy{
	-webkit-transition: opacity .5s ease-in-out .5s;
    transition: opacity .5s ease-in-out .5s;
	opacity:1;
}