#img_01 {
	width: 176px;
	height: 117px;
	background-color: blue;
	border-radius: 10px;
}

#img_02 {
	width: 305px;
	height: 176px;
	background-color: green;
	border-radius: 10px;
	margin-left: -15px;
}

#img_03 {
	width: 235px;
	height: 176px;
	background-color: red;
	border-radius: 10px;
	margin-left: -15px;
}

#img_04 {
	width: 176px;
	height: 235px;
	background-color: yellow;
	border-radius: 10px;
	margin-top: -51px;
}

#img_05 {
	width: 176px;
	height: 176px;
	background-color: orange;
	border-radius: 10px;
	margin-top: 8px;
	margin-left: -15px;
}

#img_06 {
	width: 176px;
	height: 176px;
	background-color: gray;
	border-radius: 10px;
	margin-top: 8px;
	margin-left: -15px;
}

#img_07 {
	width: 176px;
	height: 84px;
	background-color: black;
	border-radius: 10px;
	margin-top: 8px;
	margin-left: -15px;
}

#img_08 {
	width: 176px;
	height: 84px;
	background-color: white;
	border-radius: 10px;
	margin-top: 8px;
	margin-left: -15px;
}

.img-quadro {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

@media (max-width: 1338px) {
	#img_01 {
		width: 158px;
		height: 105px;
	}
	#img_02 {
		width: 274px;
		height: 158px;
	}
	#img_03 {
		width: 211px;
		height: 158px;
	}
	#img_04 {
		width: 158px;
		height: 211px;
		margin-top: -46px;
	}
	#img_05 {
		width: 158px;
		height: 158px;
	}
	#img_06 {
		width: 158px;
		height: 158px;
	}
	#img_07 {
		width: 158px;
		height: 75px;
	}
	#img_08 {
		width: 158px;
		height: 75px;
	}

}

@media (max-width: 1213px) {
	#img_01 {
		width: 140px;
		height: 93px;
	}
	#img_02 {
		width: 244px;
		height: 140px;
	}
	#img_03 {
		width: 188px;
		height: 140px;
	}
	#img_04 {
		width: 140px;
		height: 188px;
		margin-top: -40px;
	}
	#img_05 {
		width: 140px;
		height: 140px;
	}
	#img_06 {
		width: 140px;
		height: 140px;
	}
	#img_07 {
		width: 140px;
		height: 67px;
	}
	#img_08 {
		width: 140px;
		height: 67px;
	}

}
@media (max-width: 1091px) {
	#img_01 {
		width: 123px;
		height: 81px;
	}
	#img_02 {
		width: 213px;
		height: 123px;
	}
	#img_03 {
		width: 164px;
		height: 123px;
	}
	#img_04 {
		width: 123px;
		height: 164px;
		margin-top: -35px;
	}
	#img_05 {
		width: 123px;
		height: 123px;
	}
	#img_06 {
		width: 123px;
		height: 123px;
	}
	#img_07 {
		width: 123px;
		height: 58px;
	}
	#img_08 {
		width: 123px;
		height: 58px;
	}

}
@media (max-width: 969px) {
	#img_01 {
		width: 96px;
		height: 64px;
	}
	#img_02 {
		width: 167px;
		height: 96px;
	}
	#img_03 {
		width: 129px;
		height: 96px;
	}
	#img_04 {
		width: 96px;
		height: 129px;
		margin-top: -25px;
	}
	#img_05 {
		width: 96px;
		height: 96px;
	}
	#img_06 {
		width: 96px;
		height: 96px;
	}
	#img_07 {
		width: 96px;
		height: 46px;
	}
	#img_08 {
		width: 96px;
		height: 46px;
		margin-top: 4px;
	}

}
@media (max-width: 784px) {
	#img_01 {
		width: 70px;
		height: 46px;
	}
	#img_02 {
		width: 122px;
		height: 70px;
	}
	#img_03 {
		width: 94px;
		height: 70px;
	}
	#img_04 {
		width: 70px;
		height: 94px;
		margin-top: -16px;
	}
	#img_05 {
		width: 70px;
		height: 70px;
	}
	#img_06 {
		width: 70px;
		height: 70px;
	}
	#img_07 {
		width: 70px;
		height: 33px;
	}
	#img_08 {
		width: 70px;
		height: 33px;
	}

}