/** Default `:after` doesn't work on img/svg elements for highlighting. */
img.wp-block-ska-image,
svg.wp-block-ska-image {

	&.is-highlighted {
		box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
		border-radius: 1px;
	}
}

.wp-block-ska-image {

	& > .w-full {
		width: 100%;
	}

	& > .h-full {
		height: 100%;
	}

	& > .object-cover {
		object-fit: cover;
	}

	& > .rounded-\[inherit\] {
		border-radius: inherit;
		// corner-shape: inherit;
	}

	& > .aspect-\[inherit\] {
		aspect-ratio: inherit;
	}
}

/** Behave as `<img>` which has same styles. */
svg.ska-placeholder {
	max-width: 100%;
	height: auto;
}