body{
	
	background:url(flower.jpg) no-repeat;
}


div{
	
}

#circle1
{
	
	height:500px;
	width:500px;
	top:250px;
	left:300px;
	position:absolute;
	background-size:100% 100%;
	background-image:url(circle.png);
	opacity:0.2;
}

#circle2
{
	height:500px;
	width:500px;
	top:250px;
	left:600px;
	position:absolute;
	background-size:100% 100%;
	background-image:url(circle.png);
	opacity:0.5;
}


#circle3
{
	height:500px;
	width:500px;
	top:50px;
	left:450px;
	position:absolute;
	background-size:100% 100%;
	background-image:url(circle.png);
	opacity:0.75;
}