/*cssFotoYazidi.css - per pagine di foto del campo profughi */.allpage {
		width: 1000px;
		height: 1200px;
		margin-left: auto;
		margin-right: auto;
		background-color:#f0f0f0;
		border:1px solid #990000;	
		}
<!-- contiene foto e testo -->		
.container {
    position: relative;
    width:500px;
}

.image {
	opacity: 1;
	display: block;
	width: 450px; 		
	height: auto;
	margin-left:20px; 
	transition: .5s ease;
	backface-visibility: hidden;
}

.middle {
	transition:.5s ease;
	opacity:0;
	position:relative;
	top:-200px;
	left: 250px;
	transform:translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%); 
	text-align: center;
}

.container:hover .image {
	opacity: 0.3;
}

.container:hover .middle {
	opacity: 1;
}

.text {
	position:relative;
	top:-60%;
	left:0%;
	color: #000000;
	font-size: 16px;
	text-align:center;
	padding: 0px;
}

<!-- x altre foto colonne SX e DX -->
.fotoColonnaSx {
	position:relative;
	top:0px;
	left:0px;
	margin:20px;
	}
.fotoColonnaDx {
	position:relative;
	top:-1200px;
	left:470px;
	margin:20px;
	}	
	
.textFotoSx {
	position:relative;
	top:0px;
	left:0px;
	margin:20px;
}

.textFotoDx {
	position:relative;
	top:0px; 
	left:0px;	
	margin:20px;
}

#indietro_altreFoto {
	position:relative;
	top:-1280px;
	left:800px;
	font-size:18px;
	font-weight:bold;
	color:#fafafa;
	text-decoration:none;
	text-shadow:3px 3px 3px #000000;
	cursor:pointer;
}
#crediti {
	position: relative;
	top:-1270px;
	lefto100px;
	font-size:10px;
	text-align:center;
}