.container {
	width: 600px;
	height: 500px;
	position: relative;
	background-image: url("img/1.png");
}
.cat {
	width: 146px;
	height: 179px;
	position: absolute;
	top: 198px;
	left: 153;
	background-image: url("img/cat1.png");
}

.dog {
	width: 140px;
	height: 185px;
	position: absolute;
	top: 191px;
	left: 329px;
	background-image: url("img/dog1.png");
}
.dog:hover {
	background-image: url("img/dog2.png");
}
.cat:hover {
	background-image: url("img/cat2.png");
}

.container1 {
	width: 600px;
	height: 500px;
	position: relative;
	background-color: blue;
}
.cat1 {
	width: 146px;
	height: 179px;
	position: absolute;
	top: 198px;
	left: 153;
	background-color: red;
}
.dog1 {
	width: 140px;
	height: 185px;
	position: absolute;
	top: 191px;
	left: 329px;
	background-color: red;
}
.dog1:hover {
	background-color: lime;
}
.cat1:hover {
	background-color: lime;
}