/*
 * Block: Image
 */

.wp-block-image[class*="is-style-aspect-ratio"] {
	--oscura--image--aspect-ratio: 1/1;
}

.wp-block-image[class*="is-style-aspect-ratio"] img {
	aspect-ratio: var(--oscura--image--aspect-ratio);
	object-fit: cover;
}

.wp-block-image.is-style-aspect-ratio-1\:1 {
	--oscura--image--aspect-ratio: 1/1;
}

.wp-block-image.is-style-aspect-ratio-3\:2 {
	--oscura--image--aspect-ratio: 3/2;
}

.wp-block-image.is-style-aspect-ratio-2\:3 {
	--oscura--image--aspect-ratio: 2/3;
}
