.component-index-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
}

@media screen and (max-width: 600px) {
	.component-index-grid {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
}

.component-index-grid img {
	width: 100%;
	height: 100%;
}

.row-1 {
	grid-column: span 1;
}

.row-2 {
	grid-column: span 2;
}

.row-3 {
	grid-column: span 3;
}

.col-1 {
	grid-row: span 1;
}

.col-2 {
	grid-row: span 2;
}

.col-3 {
	grid-row: span 3;
}