.content-gallery ul {
	display: grid;
	gap: 15px;
}

.content-gallery--cols-3 ul, .content-gallery--cols-4 ul, .content-gallery--cols-5 ul {
	grid-template-columns: auto;
}

.content-gallery img {
	object-fit: cover;
	height: 250px;
	vertical-align: middle;
}

/* xs */
@media screen and (min-width: 34.375em) {
	.content-gallery--cols-4 ul, .content-gallery--cols-5 ul {
		grid-template-columns: auto auto;
	}
	
	.content-gallery--cols-3 ul {
		grid-template-columns: auto auto auto;
	}
}

/* md */
@media screen and (min-width: 48em) {
	.content-gallery--cols-4 ul, .content-gallery--cols-5 ul {
		grid-template-columns: auto auto auto;
	}
	
}

/* lg */
@media screen and (min-width: 58.375em) {
	.content-gallery--cols-4 ul {
		grid-template-columns: auto auto auto auto;
	}
	
	.content-gallery--cols-5 ul {
		grid-template-columns: auto auto auto auto auto;
	}
}