/*Common image wrapper*/
.img-wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:6px;
	background: #f8f8f8;
}

.img-wrapper img{
	width: 100%;
	height:100%;
	display: block;
	object-fit:cover;
	transition:transform .3s ease;
}

.img-wrapper:hover img{
	transform:scale(1.05);
}

/* 
squaregrid
 */
 
 .img-square{
 aspect-ratio:1/1;
 }
 
 
 .img-portrait{
 aspect-ratio:3/4;
 }
 
 .img-landscape{
  aspect-ratio:16/10;
 }
 
 
  .img-banner{
  aspect-ratio:16/6;
 }
 
 
  .img-slider{
  aspect-ratio:16/7;
 }
 
  .img-detail{
  aspect-ratio:1/1;
 }