JSFiddle - React, Tailwind, and code Playground

HTML

<div class='bg'>
   <div class='bg-text'>
     <h1>Climate.IQ® Team <span>Other text here</span></h1>
   </div>
</div>

CSS

.bg {
	width: 100%;
	height: 500px;
	background-color: rgba(0, 0, 0, .7);
}

.bg-text {
   position: relative;
   top: 50%;
   margin: 0 auto;
   transform: translateY(-50%);
   text-align: center;
   background-color: rgba(255, 255, 255, .7);
}

span {
  display: block;
}