#projects {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	list-style: none;
	padding: 0;
}

#projects img {
	width: 100%;
	height: auto;
	filter: grayscale(1);
	transition: var(--transition);
}

#projects a {
	opacity: 1; /* override _.css */
}
#projects a:hover img {
	filter: grayscale(0);
}

@media screen and (min-width: 900px) {
	#projects {
		gap: 2rem;
	}
}