.autoformat, .autoformat > div {
	display: grid;
    grid-gap: 5vw;
}
@media (min-width: 120vh) {
	.autoformat {
		grid-template-columns: auto auto;
	}
}
@media (max-width: 120vh) {
	.autoformat {
		grid-template-columns: auto;
	}
}
.autoformat img {
	padding: 5%;
	margin: auto;
	width: 85%;
}
.autoformat img:hover {
	transform: scale(1.17);
}
.autoformat > div:nth-child(2n + 1) img:nth-child(5n + 1) {
	background-color: var(--color-4);
}
.autoformat > div:nth-child(2n + 1) img:nth-child(5n + 2) {
	background-color: var(--color-1);
}
.autoformat > div:nth-child(2n + 1) img:nth-child(5n + 3) {
	background-color: var(--color-3);
}
.autoformat > div:nth-child(2n + 1) img:nth-child(5n + 4) {
	background-color: var(--color-f);
}
.autoformat > div:nth-child(2n + 1) img:nth-child(5n) {
	background-color: rgba(from var(--color-4) r g b / 0.7);
}
.autoformat > div:nth-child(2n) img:nth-child(5n + 1) {
	background-color: var(--color-3);
}
.autoformat > div:nth-child(2n) img:nth-child(5n + 2) {
	background-color: var(--color-f);
}
.autoformat > div:nth-child(2n) img:nth-child(5n + 3) {
	background-color: rgba(from var(--color-4) r g b / 0.7);
}
.autoformat > div:nth-child(2n) img:nth-child(5n + 4) {
	background-color: var(--color-4);
}
.autoformat > div:nth-child(2n) img:nth-child(5n) {
	background-color: var(--color-1);
}