#steps {
	display: grid;
	grid-template: auto / 1fr; row-gap: 1rem;
	margin: 1.25rem 0 0 0;
}
#steps .step {
	display: block; position: relative;
}
#steps .image {
	display: block; position: relative; z-index: 1;
}
#steps .overlay {
	display: block; position: absolute; z-index: 2;
	bottom: 0.5rem; left: 0.5rem; right: 0.5rem; padding: 0.75rem;
	background: #333c;
		-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
	font-size: 1.125rem; color: #eee;
}
@media (min-width: 425px) {
	#steps {
		grid-template: auto / repeat(2, 1fr); column-gap: 0.5rem;
	}
}
@media (min-width: 768px) {
	#steps {
		grid-template: auto / repeat(4, 1fr); column-gap: 1rem;
	}
}