[T-sh]

<style>
.outer {
	width: 170px;
	height: 100px;
	border: 1px solid;
	position: absolute;
	/* overflow: hidden; для наглядности, для обрезки надо раскомментировать */
	top: 50px;
	left: 10px;
}
.outer + .outer { left: 200px; }
.outer + .outer + .outer { left: 390px; }
 
.inner {
	height: 500%;
	width: 100%;
	position: absolute;
	top: -200%;
}  
  
img {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	left: 0; top: 0; bottom: 0; right: 0;
	margin: auto;
	opacity: .5; /* для наглядности */
}
</style>

вот только, если картинок будет очень много, будет крайне неудобно иметь в стилях десятки .outer + .outer + ... + .outer

гораздо проще сделать одно правило, на js (в вычисления через css я не лезу, хотя тоже можно постараться) для всех