Header mask

Hoe plaats ik een mask over mijn headerafbeelding?

dit is mijn css waar de header wordt vormgegeven:

a.header-image img {
	top: -10px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	-webkit-box-shadow:  1px 1px 5px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow:  1px 1px 5px 2px rgba(0, 0, 0, .3);
	box-shadow:  1px 1px 5px 2px rgba(0, 0, 0, .3);
		-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	webkit-mask:url(images/logo.png);
	padding: 1%;
	background: #fff;
	max-width: 98%;
	}