JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum laudantium error consequatur assumenda omnis quod possimus itaque ab similique eaque sit fuga pariatur dicta rem voluptatibus vel ullam eum! Non.</div>
    <div>Perspiciatis laboriosam voluptatem nisi inventore quidem dolores dolorem rem incidunt at sequi velit nulla voluptatum quibusdam voluptate itaque iusto nostrum magni eos enim libero sed unde dicta nesciunt amet quasi.</div>
    <div>Possimus eligendi veniam officia enim asperiores a neque libero mollitia molestiae tempore reiciendis et ratione perspiciatis cupiditate fugit adipisci accusantium excepturi porro nam error animi non sunt debitis consequuntur quam.</div>
    <div>Aut nesciunt beatae architecto expedita quod praesentium excepturi odio reprehenderit doloremque dolores amet velit eius id rerum culpa explicabo maiores quasi voluptatibus. Saepe itaque architecto earum nisi suscipit vel quae.</div>
    <div>Esse ullam obcaecati commodi aut temporibus voluptates illo magni quam nemo eos! Quae expedita recusandae libero tempore itaque eligendi tempora suscipit fugit voluptatem! Reprehenderit aspernatur animi perspiciatis quidem voluptates veniam.</div>
</section>

<div class="overlay">
                <img src="http://dummyimage.com/715x745/000/fff" alt="" class="lb-bg" />
                <div class="lb" >
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque facere expedita reprehenderit a quam voluptatum distinctio doloremque accusamus aliquam consequatur dolore sit ab qui aut molestias repellat laborum iure numquam.
                </div>
</div>

CSS

body, html { min-height: 100%; }

.overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); }
.lb { text-align: center; color: #fff; }
.lb { position: absolute;  right: 0; top: 0; bottom: 0; left: 0; width: 715px; height: 745px; max-height: 100%; max-width: 100%; margin: auto; background-color: rgba(255,0,0,0.5); border: 1px solid #f00; }
.lb-bg { position: absolute; right: 0; top: 0; bottom: 0; left: 0; max-height: 100%; max-width: 100%; margin: auto; }