.auto-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.auto-columns>* {
	flex-shrink: 1;
	flex-basis: 40%;
	flex-grow: 1;
	min-width: 20rem;
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
	.auto-columns>*:not(:last-child) {
		margin-right: 2rem;
	}
}

.gap>*:not(:last-child) {
	margin-right: 1rem;
}

.auto-columns>figure>img {
	height: 50vh;
	width: 100%;
}

.auto-columns .content.wp-block {
	align-content: center;
}