JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <div class="img-drop-zone">
            <img src="http://placehold.it/350x150">
            <div class="desc">drop img here</div>
        </div>
    </li>
    <li>
        <div class="img-drop-zone">
            <!-- NO IMG HERE !!! -->
            <div class="desc">drop img here</div>
        </div>
    </li>
</ul>

CSS

ul {
    list-style: none;
}
.img-drop-zone {
    border: 4px solid orange;
    width: 350px;
    height: 150px;
    margin-bottom: 20px;
}

/* if no img */
.img-drop-zone img + .desc {
  display:none;
}