JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="text">Text</div>
  <div class="title">Title</div>
</div>

<div class="wrap">
  <div class="text"></div>
  <div class="title">This one will be hidden</div>
</div>

CSS

.wrap {
  display: flex;
  flex-direction: column-reverse;
}

.text:empty, .text:empty ~ .title {
  display: none;
}