JSFiddle - React, Tailwind, and code Playground

by Dmitry M

HTML

<div class="one">
	<div class="two">
			<h1>Заголовок</h1>
			<p> текст</p>
					   <p> Много другого текста.</p>
		   <p> Много другого текста.</p>
		   <p> Много другого текста.</p>
		   <p> Много другого текста.</p>
		   <p> Много другого текста.</p>
		   		

	</div>
</div>

<h2> Ещё один заголовок </h2>
		   <p> Много текста.</p>
		   <p> Много текста.</p>
		   <p> Много текста.</p>
		   <p> Много текста.</p>
		   <p> Много текста.</p>

CSS

.one {
  text-align: center;
  color: white;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 90vh;
  background-color: black;
  background-size: cover;
  background-image: url('https://imgurhd.ru/i/25s3.jpg');
}

.two{
	background-image: url('https://imgurhd.ru/i/25s4.png');
	top:0;
	right:0;
	bottom:0;
	left:0;
}

body{
	background-color: green;
}