.blog-list {
	display: flex;
	flex-direction: row;
	gap:20px;
	flex-wrap: wrap;
}
.blog-list .blog-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: calc((100% - 40px) / 4);
}
.blog-list .blog-item.blog-item-first {
	max-width: calc((100% - 40px) / 2);
}
.blog img {
	aspect-ratio: 1.5;
	object-fit: cover;
}

@media (max-width: 768px) {
	.blog-list {
		flex-direction: column;
	}
	.blog-list .blog-item {
		min-width: 100%;
		flex-direction: row;
	}
	.blog-list .blog-item a.img-container {

		width: 50%;
		flex: none;
	}
}