.image-block {
	padding-inline: 2rem;
	display: flex;
	justify-content: center;
}
.image-block figure {
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
}
.image-block figure img {
	max-width: 100%;
	border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem .1rem rgba(0, 0, 0, .3);
}
.image-block figure figcaption {
	max-width: 100%;
	text-align: center;
	font-style: italic;
	color: var(--g4);
}
.image-block figure figcaption:empty {display: none;}

.gallery-block {
	padding-block: 2rem;
	padding-inline: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.gallery-block > * {
	flex: 1 1 20rem;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}

.gallery-block > * img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: .5rem;
    box-shadow: 0 0.2rem .7rem .1rem rgba(0, 0, 0, .3);
}