//Is it possible for my h1 tag to be displayed without hovering, and when I hover the p tag will be displayed with the h1?

Issue in project portion of page

<div className="col-lg-4 col-md-4 col-sm-4 col-xs-1 pcard">
   <div className="view overlay zoom z-depth-3 rounded">
     <img src="https://github.com/JazmynFuller/PersonalWebPortfolio/blob/master/personalpage/src/img/hub.jpeg?raw=true" class="img-fluid " alt="smaple image"/>
       <div className="mask flex-center rgba-black-strong">
         <h1 className="project-title">Project 5</h1>
         <p className="white-text">Project Description</p>
       </div>
   </div>
</div>