.imgchange-hero {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	line-height: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.imgchange-hero__image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 200px;
	max-height: 70vh;
	object-fit: cover;
	object-position: center center;
	vertical-align: middle;
}

.imgchange-hero-empty {
	display: block;
	width: 100%;
	margin: 1rem 0;
	padding: 1rem;
	text-align: center;
	color: #666;
	background: #f5f5f5;
	border: 1px dashed #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Theme compatibility: prevent parent containers from collapsing the hero. */
.entry-content .imgchange-hero,
.wp-block-shortcode .imgchange-hero,
.page-content .imgchange-hero,
.site-main .imgchange-hero {
	width: 100%;
	max-width: 100%;
}

.entry-content .imgchange-hero__image,
.wp-block-shortcode .imgchange-hero__image,
.page-content .imgchange-hero__image,
.site-main .imgchange-hero__image {
	width: 100%;
	max-width: 100%;
}