CSS Image Overlay

/*===============================
=            OVERLAY            =
===============================*/
// A transparent overlay used on top of photos, useful for laying text on top of photo
.overlay {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba( 25, 25, 25, 0.55);
}