Rogner image et responsive. Possible ?

Bonjour,
pour ma galerie photo j'avais fais en sorte de rogner mes miniatures via le css afin d'avoir un rendu identique pour toutes les images quelle soient en paysage ou en portrait.
Le soucis que j'ai aujourd’hui c'est que j’essaie de rendre ma galerie responsive.
mon code css original est :

.rogne img {
position: relative;
left: -65px;
top: -40px;
}
.rogne p {
position: relative;
width: 217px;
height: 170px;
overflow: hidden;
margin:0; 
padding:0;
}

et mon html est

<div class="rogne">
					<p>
					<a href="/galerie/monimage.jpg">
					<img src="monimagereduc" alt="" />					
					</a>					
					</p>
					</div>

Comment faire pour passer en responsive tout en gardant le rognage ?