JSFiddle - React, Tailwind, and code Playground

by sc0rp10

HTML

<div class="wrapper">
    <div class="row">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, officia quae, enim eveniet ad recusandae ipsum vitae magni ullam neque. Doloribus obcaecati dolorem iure adipisci. Sapiente blanditiis natus atque dignissimos!
</div>
<hr>
<div class="row">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, officia quae, enim eveniet ad recusandae ipsum vitae magni ullam neque. Doloribus obcaecati dolorem iure adipisci. Sapiente blanditiis natus atque dignissimos!
</div>
<hr>
<div class="row">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, officia quae, enim eveniet ad recusandae ipsum vitae magni ullam neque. Doloribus obcaecati dolorem iure adipisci. Sapiente blanditiis natus atque dignissimos!
</div>
<hr>
<div class="row">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, officia quae, enim eveniet ad recusandae ipsum vitae magni ullam neque. Doloribus obcaecati dolorem iure adipisci. Sapiente blanditiis natus atque dignissimos!
</div>
<hr>
<div class="row">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, officia quae, enim eveniet ad recusandae ipsum vitae magni ullam neque. Doloribus obcaecati dolorem iure adipisci. Sapiente blanditiis natus atque dignissimos!
</div>
</div>

CSS

.wrapper {
    width: 200px;
    height: 400px;
    margin: auto;
    border: 1px solid #ccc;
    padding: 40px;
    overflow: auto;
    background-image: url("https://cdn.weblab.pro/Yj7ENXTu.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.row {
    background-color: rgba(255, 255, 255, 0.3);
}