.image
{
	display: inline-flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	vertical-align: top;
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
.image img, .image picture
{
	display: block;
	height: auto;
	max-width: 100%;
}
.image figcaption
{
	display: block;
	box-sizing: border-box;
	width: 0;
	min-width: 100%;
	margin-top: .5rem;
	margin-bottom: 1rem;
	word-wrap: break-word;
	text-align: left;
	font-size: .75rem;
}

/*  align  */
.image-align-left { float: left; width: auto; margin: 0 1rem .5rem 0; align-items: flex-start; }
.image-align-center { text-align: center; margin: 0 auto 1rem auto; align-items: center; }
.image-align-center a, .image-align-center img, .image-align-center picture { text-align: center; margin-left: auto; margin-right: auto; }
.image-align-center figcaption { text-align: center; }
.image-align-right { float: right; width: auto; margin: 0 0 .5rem 1rem; align-items: flex-end; }
.image-align-full, .image-align-full picture, .image-align-full img { width: 100%; }
.image-align-full img { object-fit: cover; }
.image-align-left:last-child, .image-align-center:last-child, .image-align-right:last-child { margin-bottom: 0; }

@media (max-width: 1000px) {
	:not(.render-container) > .image-align-left:not(:first-child:last-child),
	:not(.render-container) > .image-align-right:not(:first-child:last-child) {
		max-width: 30%;
	}
}

/*  valign  */
.image-valign-top:first-child:last-child { height: 100%; justify-content: flex-start; }
.image-valign-center:first-child:last-child { height: 100%; justify-content: center; }
.image-valign-bottom:first-child:last-child { height: 100%; justify-content: flex-end; }
.image-valign-full, .image-valign-full picture, .image-valign-full img { height: 100%; }
.image-valign-full img { object-fit: cover; }

/*  shape  */
/*.image-shape-round img { border-radius: 50%; }*/
.image-shape-round a { display: block; width: 100%; border-radius: 50% !important; }
.image-shape-round .shape { position: relative; overflow: hidden; width: 100%; border-radius: 50%; }
.image-shape-round .shape:after { content: ""; display: block; padding-bottom: 100%; }
.image-shape-round .shape img { position: absolute; width: 100%; height: 100%; object-fit: cover; }