JSFiddle - React, Tailwind, and code Playground
HTML
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores minus optio officiis iste eius vero dignissimos deleniti repellendus, similique aliquid itaque? Repudiandae corporis placeat illo officiis itaque veniam vel iste perspiciatis molestiae, libero assumenda unde dolor. Impedit laudantium, quia a qui quidem explicabo illo odit quisquam iste illum ex veritatis assumenda consectetur ducimus veniam blanditiis dolorem vitae totam, quae, fugit nemo repudiandae porro eligendi magnam. Harum, ratione provident odit amet quaerat cumque, cupiditate expedita delectus quis ullam facilis aspernatur necessitatibus nobis ipsum sapiente unde perferendis soluta magni optio natus. Nemo iusto, consequuntur maxime doloribus itaque temporibus aliquid delectus similique quo excepturi, dicta, quis culpa voluptates, ut atque? Nostrum saepe voluptatem tenetur, esse a blanditiis repudiandae reprehenderit, non est iure explicabo, nihil, tempore vel ipsum accusamus numquam? Neque explicabo, magni exercitationem consequatur? Adipisci, blanditiis magnam perspiciatis quae voluptates nostrum repellendus placeat assumenda. Doloremque qui neque architecto iste, quod amet dicta, laborum minus aperiam cumque perferendis suscipit autem. Minus ex blanditiis molestiae corrupti rem. Sequi, deserunt quidem praesentium. Suscipit iusto voluptatibus ipsum incidunt quidem, iure cupiditate numquam quam ipsa? Nemo voluptatem eum, provident corporis quae. Doloribus in aliquam minima, pariatur, beatae adipisci eligendi non eius quasi sunt iste, dolores ipsa iusto officia soluta perferendis voluptas. Eum doloremque, inventore quibusdam laboriosam est maiores. Molestiae et repellendus ex animi ullam eligendi ut non, officia enim voluptatum error unde debitis minus cum possimus assumenda quasi omnis aliquid ab, porro natus quam molestias perferendis! Temporibus quam ullam earum laboriosam voluptatem cumque unde, vel aperiam mollitia deserunt voluptatum, nam id necessitatibus! Nam harum...
SCSS
div {
font-size: 22px;
color: #fff;
padding: 40px;
}
body {
background: url(http://examples.delphinpro.ru/demo.jpg) no-repeat 50% 50% fixed;
-webkit-background-size: cover;
background-size: cover;
&::after {
content: '';
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(http://examples.delphinpro.ru/demo.png) no-repeat 50% 50% fixed;
-webkit-background-size: cover;
background-size: cover;
pointer-event: none;
}
}