.leftside, .rightside{
	height: 50vh;
	width: 100%;
}

@media screen and (min-width: 768px)
{
	.leftside, .rightside{
		height: 100vh;
	}	
}

.row1{
	background-image: url("bg1.jpg");
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.leftside{
	background-color: rgba(0, 0, 0, 0.8);
}
.leftside:hover{
	background-color: rgba(0, 0, 0, 0.5);
}
.row2{
	background-image: url("bg2.jpg");
	background-color: #cccccc;
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.rightside{
	background-color: rgba(0, 0, 0, 0.8);
}
.rightside:hover{
	background-color: rgba(0, 0, 0, 0.5);
}