@media (max-width: 1023px) {

	.cards {
		row-gap: 2rem;
	}

	.card__image {
		max-height: 245px;
	}

}

@media (min-width: 1024px) {

	.cards {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 350px 220px;
		column-gap: 2rem;
		row-gap: 1rem;
	}

	article.card:nth-child(even) {
		height: 555px;
	}

	article.card:nth-child(odd) .card__image {
		max-height: 220px;
	}

}