JSFiddle - React, Tailwind, and code Playground

HTML

<body style="margin:0;display:block;">
    <div id="box" style="">
      <div id="top">
        <video id="videol" muted loop autoplay style="width:100%;">
          <source src="https://devimages.apple.com.edgekey.net/safaridemos/showcase/video/media/apple-html5-demo-tron_legacy-us-20100601_848x352.mov">
        </video>
      </div>
      <div id="bot" style="overflow:auto;z-index:3;">
        <p>1AWESOME TEXT</p>
        <p>2SOME TEXT</p>
        <p>3SOME TEXT</p>
        <p>4SOME TEXT</p>
        <p>5SOME TEXT</p>
        <p>6SOME TEXT</p>
        <p>7SOME TEXT</p>
        <p>8SOME TEXT</p>
        <p>9SOME TEXT</p>
        <p>10SOME TEXT</p>
        <p>11SOME TEXT</p>
        <p>12SOME TEXT</p>
        <p>13SOME TEXT</p>
        <p>14SOME TEXT</p>
        <p>15SOME TEXT</p>
        <p>16SOME TEXT</p>
      </div> 
    </div>  
</body>