JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="wrapper_body">
  <div class="cont">
    
  </div>
    <h1>BLOCK</h1>
    
  </div>
  <div class="body_content">
      
    </div>
</div>

CSS

.body_content{
  height: 2000px;
  background-color:red;
}
h1{
  position:sticky;
  bottom:0;
}
.wrapper_body{
  height:2000px;
}
.cont{
  background-color:green;
  height:1000px
}