.gallery-contaner{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 150px;
	padding: 20px;
	grid-gap: 9px;
}
.item{
	position: relative;
}
.gallery__img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.item:nth-child(1){/*imagen 1*/
	grid-column-start:  span 2;
}


.item:nth-child(4){/*imagen 4*/
	grid-column-start:  span 2;
	grid-row-start:  span 1;
}
.item:nth-child(5){/*imagen 5*/
	grid-row-start:  span 1;
}
.item:nth-child(6){/*imagen 4*/
	grid-column-start:  span 2;
}
.item:nth-child(7){/*imagen 4*/
	grid-column-start:  span 3;
}
.item:nth-child(8){/*imagen 9*/
	grid-column-start:  span 3;
}
.item:nth-child(9){/*imagen 4*/
	grid-column-start:  span 3;
}

@media (min-width: 768px){
	.gallery-contaner{
		grid-template-columns: repeat(3, 1fr);
	}
	.item:nth-child(1){/*imagen 1*/
		grid-column-start:  span 1;
	}
	.item:nth-child(4){/*imagen 4*/
		grid-column-start:  span 2;
		grid-row-start:  span 1;
	}
	.item:nth-child(5){/*imagen 5*/
		grid-row-start:  span 1;

	}
	.item:nth-child(9){/*imagen 9*/
		grid-column-start:  span 3;

	}
	.item:nth-child(6){/*imagen 6*/
		grid-row-start:  span 1;
	}
}
@media (min-width: 1024px){
	.gallery-contaner{
		grid-template-columns: repeat(3, 1fr);
	}
	.item:nth-child(1){/*imagen 1*/
		grid-column-start:  span 1;
	}
	.item:nth-child(4){/*imagen 4*/
		grid-column-start:  span 1;
		grid-row-start:  span 2;
	}
	.item:nth-child(5){/*imagen 5*/
		grid-row-start:  span 1;
		grid-row-start:  span 2;
	}
	.item:nth-child(6){/*imagen 6*/
		grid-column-start:  span 1;
		grid-row-start:  span 2;
	}
	.item:nth-child(7){/*imagen 7*/
		grid-column-start:  span 2;
		grid-row-start:  span 2;
	}
	.item:nth-child(8){/*imagen 9*/
		grid-column-start:  span 1;
		grid-row-start:  span 2;
	}
	.item:nth-child(9){/*imagen 9*/
		grid-column-start:  span 2;
	}
}