JSFiddle - React, Tailwind, and code Playground

HTML

<div class ="top">
        상단내용<br/>
        상단내용<br/>
        상단내용<br/>
        상단내용<br/>
</div>
<div class = "mid">
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>
        중간내용<br/>

</div>
<div class = "bttm">
       하단내용<br/>
       하단내용<br/>
       하단내용<br/>
       하단내용<br/>

</div>

CSS

.top{
  color:#fff;
  text-align:center;
  background-image:url("http://orange.contentsfeed.com/RealMedia/ads/Creatives/danawa/ad2_nanum_1708_109890/ad2_nanum_180203_109890.jpg"); 
  background-repeat:no-repeat;
}
.mid{
  color:#fff;
  text-align:center;
  background-image:url("http://orange.contentsfeed.com/RealMedia/ads/Creatives/danawa/standardPC_109890_1702/standardPC_109890_180109.jpg");
  background-repeat:repeat-y;
}
.bttm{
  color:#fff;
  text-align:center;
  background-image:url("http://orange.contentsfeed.com/RealMedia/ads/Creatives/danawa/2018_academy_festival_1802_109890/2018_academy_festival_1802_109890.jpg"); 
  background-repeat:no-repeat;
}