JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hero-content">
   <div class="title"> This is a title </div>  
   <div class="description"> This is a description</div>  
</div>

CSS

.hero-content {
      text-align: center;
      height: 650px;
      padding: 80px 0 0 0;
    }

    .title, .description {
      position: relative;
      z-index: 2
    }

.hide_this > div.title,
.hide_this > div.description {
   display: none;
}

JavaScript

$(".hero-content .title, .hero-content .description").css({"display":"none"});