body {
	background-color: lightblue;
}

.zlomekhtml {
	width: 500px;
	height: 719px;
	background: url("images/meme1before.jpg") no-repeat;
	display: inline-block;
}
.zlomekhtml:hover {
	background: url("images/meme1after.jpg") no-repeat;
}

.javascriptready {
	width: 577px;
	height: 433px;
	background: url("images/meme2before.jpg") no-repeat;
	display: inline-block;
}
.javascriptready:hover {
	background: url("images/meme2after.jpg") no-repeat;
}

.locallyserver {
	width: 500px;
	height: 500px;
	background: url("images/meme3before.jpg") no-repeat;
	display: inline-block;
}
.locallyserver:hover {
	background: url("images/meme3after.jpg") no-repeat;
}

.organizefiles {
	width: 503px;
	height: 496px;
	background: url("images/meme4before.jpg") no-repeat;
	display: inline-block;
}
.organizefiles:hover {
	background: url("images/meme4after.jpg") no-repeat;
}

.organization {
	width: 500px;
	height: 500px;
	background: url("images/meme5before.jpg") no-repeat;
	display: inline-block;
}
.organization:hover {
	background: url("images/meme5after.jpg") no-repeat;
}