main.site figure img {
	display: block;
	width: 100%;
	margin: auto;
}

main.site figure div.img-wrapper {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	margin: auto;
}
main.site figure div.img-wrapper:has(img[data-img-error]) {
	background-color: var(--shadow);
}

main.site figure div.img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
main.site figure div.img-wrapper img[data-img-focus] {
	object-position: var(--focus);
}
main.site figure div.img-wrapper img[data-img-error] {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--neutral-2);
}

main.site figure div.img-wrapper a.web {
	height: 100%;
	width: 100%;
	margin: 0;
}

main.site figure figcaption.hover-only {
	display: none;
}
@media (hover: hover) and (pointer: fine) {
	main.site figure div.img-wrapper:hover figcaption.hover-only {
		display: block;
		position: absolute;
		width: 100%;
		bottom: 0;
		background-color: var(--contrast-2-low);
		color: var(--neutral-1);
		padding: 8px;
		font-size: small;
		text-align: center;
		z-index: 20;
	}
}