Use figure as the wrapping element

blocks/build/theme-image/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'f97d82e990dc108628c4');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'a1b0f3dc503e13a66111');

blocks/src/theme-image/index.js

@@ -171,7 +171,7 @@ function Edit({ attributes, setAttributes }) {
 	}
 
 	// Build content based on image type and link settings
-	// Structure matches server-side: <div><a?><svg|img></a?></div>
+	// Structure matches server-side: <figure><a?><svg|img></a?></figure>
 	let content;
 	if (!imageUrl) {
 		content = (
@@ -181,7 +181,7 @@ function Edit({ attributes, setAttributes }) {
 		);
 	} else if (inlineSVG && processedSvg) {
 		// For inline SVG, apply dangerouslySetInnerHTML to link or wrapper
-		// to match server-side structure without extra div wrapper
+		// to match server-side structure without extra figure wrapper
 		if (linkUrl) {
 			content = (
 				<a
@@ -192,7 +192,7 @@ function Edit({ attributes, setAttributes }) {
 				/>
 			);
 		} else {
-			// Will be applied to wrapper div via blockProps below
+			// Will be applied to wrapper figure via blockProps below
 			content = null;
 		}
 	} else {
@@ -390,7 +390,7 @@ function Edit({ attributes, setAttributes }) {
 				</PanelBody>
 			</InspectorControls>
 
-			<div {...wrapperProps}>{content}</div>
+			<figure {...wrapperProps}>{content}</figure>
 		</>
 	);
 }

src/Block.php

@@ -193,7 +193,7 @@ public static function render( $attributes, $content ): string {
 		$wrapper_attrs = array( 'class' => implode( ' ', $wrapper_classes ) );
 
 		return sprintf(
-			'<div %s>%s</div>',
+			'<figure %s>%s</figure>',
 			get_block_wrapper_attributes( $wrapper_attrs ),
 			$content
 		);