If you want to have a gradient background color so that the text above will be more visible, you can use below CSS...

.xxxxxx::before		{
	bottom: 0;
	content: "";
	display: block;
	height: 50%;
	width: 100%;
	position: absolute;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.xxxxxx     {
    padding: 200px 0 60px 0;
    text-align:center;
    color:#fff;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6) 100%);
}