Bild & Text bei hover ändern

[Carmen]

Hallo,

ich habe zwar eine Lösung, sieht aber mehr als scheiße aus :/

  
.carmen {  
	background:url(../img/salon/01.jpg) no-repeat;  
	border: 5px solid rgb(210, 181, 91);  
	border-radius: 50%;  
	box-shadow: 0 0 0 0.2em rgba(210, 181, 91, 0.3) inset;  
	width: 13.750em;  
	height: 13.750em;  
	transition: all 0.5s ease-in-out 0s;  
	display:inline-block;  
	margin-right:8em;  
	margin-top:2em;  
	text-indent: -999px;  
	overflow:hidden;  
}  
.carmen:hover {  
	box-shadow: 0 0 0 110px rgba(255,255,255, 0.9) inset;  
	text-indent: 0px;  
}