/* Responsive Cover Block: Mobile Image Styles using container queries */
.wp-block-cover {
	container-type: inline-size;
}

/* Hide mobile-only image by default */
.wp-block-cover__image-background.mobile-only {
	display: none;
}

@media screen and (max-width: 767px) {
	.wp-block-cover__image-background.mobile-only {
		display: block;
	}
	.wp-block-cover__image-background.mobile-only
		~ .wp-block-cover__image-background:not(.mobile-only),
	.wp-block-cover__image-background:not(.mobile-only):has(
			+ .wp-block-cover__image-background.mobile-only
		) {
		display: none;
	}
}

@container (max-width: 600px) {
	.wp-block-cover__image-background.mobile-only {
		display: block;
	}
	.wp-block-cover__image-background.mobile-only
		~ .wp-block-cover__image-background:not(.mobile-only),
	.wp-block-cover__image-background:not(.mobile-only):has(
			+ .wp-block-cover__image-background.mobile-only
		) {
		display: none;
	}
}