JSFiddle - React, Tailwind, and code Playground

HTML

<div class="products">

			<div class="container">
				<div class="title">ÜRÜN GRUPLARI</div>
			</div>
		</div>

CSS

.container{
	width: 1200px;
	margin: 0 auto;
}

.products{
	position: relative;
	background-image: url("../images/products_bg.jpg");
	height: 790px;
	width: 100%;
}

.products .container .title{
	position: relative;
	display: inline;
	font-size: 22px;
	color: #000;
	font-weight: 500;
	text-align: center;
}