.ws-img {
	margin-bottom: 1em;
}

.captioned-image {
  display: table;
  margin-bottom: 1em;
  max-width: 100%;
	.ws-img {
		margin-bottom: .5em;
	}
	.image-caption {
		display: table-caption;
		caption-side: bottom;
		font-style: italic;
		line-height: 1.2;
		font-size: .85em;
		&.center {
			text-align: center;
		}
		div {
			margin: auto;
			width: fit-content;
		}
	}
}

.ws-img-lightbox {
	display: none;
	&:target {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		z-index: 10000;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: hsl(0 0% 0% / .5);
		backdrop-filter: blur(10px);
	}
	img {
		display: block;
		max-width: 100%;
		max-height: 100%;
	}
}