JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box box1">box1 Lara had been back and</div>

<div class="box box2">box2 Lara had been back and forth along the river path many times in her short life. Her people had not created the path, it had always been there, like the river, but their deerskin-shod feet and the wooden wheels of their handcarts kept the path well worn. Lara’s people were salt traders, and their livelihood took them on a continual journey</div>

CSS

.box{
    position: absolute;
    width: auto;
    max-width: 75%;
    left: 50%;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    background: #000;
    color: #fff;
}

.box1{
    top: 20px;
}

.box2{
    top: 100px;
}