JSFiddle - React, Tailwind, and code Playground

HTML

<div class='biggest'></div>
<div class='goup'></div>
<div class='footer'></div>

CSS

body {
    border: solid 1px black;
}
div {
    height:100px;
    border:1px solid blue;
}
div.goup {
    position: relative;
    top:-35px;
    width:75%;
    margin: auto;
    height: 250px;
}
div.footer {
    position:relative;
    top:-35px;
    margin-bottom:-35px;
}
p {
    display:block;
    width: 100%;
    text-align:center;
}