JSFiddle - React, Tailwind, and code Playground

HTML

<div class="case-study-video-container">
   <div class="video-holder">
    video
   </div>
   <div class="content-holder">
     <div class="video-text-container">
        test
     </div>
   </div>
</div>

CSS

.video-holder{
     height: 100% !important;
     width: 50%;
     display: inline-block;
     float: left;
     overflow: hidden;
 }
 .case-study-video-container{display:flex;align-items: center;}

.content-holder {
     width: 50%;
     display: inline-block;
     float: left;
     overflow: hidden;
}

.video-text-container {
     height: auto;
     padding: 100px 30px;
 }