CSS - Mostrar imagen y color dentro de un DIV

<div class="wrapper theme-3-active pimary-color-green">

	<div style="background-image: url(views/modulo/dist/empleoye.jpg);">

		<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 logininformation" style="background-image: url(views/modulo/dist/empleoye.jpg); background-size: cover;

			background-position: 50%;">

		<h1>hola</h1>

		</div>

		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 loginseccion">

			<h2>pedro</h2>

		</div>

	</div>

</div>

html{

    min-height:100%;/* make sure it is at least as tall as the viewport */

    position:relative;

}

body{

    height:100%; /* force the BODY element to match the height of the HTML element */

}

.logininformation:before{

	opacity: .33;

	background: #000;

}

.logininformation{

	height: 100%;

	background: #f5f5f5;

	position:absolute;

    top:0;

    bottom:0;

    left:0;

    overflow:hidden;

    z-index:-1

}

.loginseccion{

	height: 100%;

	background: #0d145d;

	position:absolute;

    top:0;

    bottom:0;

    right:0;

    overflow:hidden;

    z-index:-1

}