/* Afbeelding */
figure.hop-image {
	margin: 40px 0;
}
.hop-image img {
	/* width: 100% dwingt elke browser (ook iOS Safari) om de hoogte
	   te berekenen uit de width/height-attributen van de <img>, in
	   plaats van uit de intrinsieke maat van LiteSpeed's placeholder.
	   Daardoor claimt de placeholder direct de juiste eindmaat. */
	width: 100%;
	height: auto;
	max-height: 80vh;    /* portretfoto's binnen het scherm houden */
	object-fit: contain; /* geen vervorming als max-height afkapt */
	margin: 0 auto;
	border-radius: 8px;
	display: block;
}
.hop-image__caption {
	margin-top: 8px;
	font-size: 16px;
	text-align: center;
	color: var(--e-global-color-primary);
}