piezas-puzle{
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(3, auto);
	margin: auto;
	width:90%;
	aspect-ratio: 1/1;
	
	pieza-puzle{
		background-image:url(img/triceratops.jpg);
		background-size:calc(300%) calc(300%);
		
		background-position-x:0%;
		background-position-x:0%;
		cursor:pointer;
		
		transition:rotate 0.5s;
		
		&:nth-child(3n - 1){
			background-position-x:50%;
		}
		
		&:nth-child(3n){
			background-position-x:100%;
		}
		
		&:nth-child(n+4){
			background-position-y:50%;
		}
		
		&:nth-child(n+7){
			background-position-y:100%;
		}
	}
}