Archeo: fix image block widths (#5634)

* Add wp-image- class to Layered images with headline

* Add wp-image- class to Image with description

* Add wp-image- class to Layout with two images and text

* Revert "Add wp-image- class to Layout with two images and text"

This reverts commit 8627c3f.

* Revert "Add wp-image- class to Image with description"

This reverts commit 6ced737.

* Revert "Add wp-image- class to Layered images with headline"

This reverts commit 7616eb3.

* Fix invalid block error

* Add CSS patch for responsive images

* Remove ID attribute from Image with description

archeo/inc/patterns/image-with-description.php

@@ -23,7 +23,7 @@
 	<p class="has-small-font-size" style="font-style:italic;font-weight:400">' . __( 'From "American Cities and Ruins: Mitla, Palenqué, Izamal, Chichen-Itza, Uxmal, Atlas" housed at the New York Public Library.', 'archeo' ) . '</p>
 	<!-- /wp:paragraph -->
 
-	<!-- wp:image {"id":840,"sizeSlug":"full","linkDestination":"none"} -->
+	<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
 	<figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ancien-temple.jpg" alt="' . __( 'Photo of ancient temple, at Chichen-Itza', 'archeo' ) . '"/></figure>
 	<!-- /wp:image --></div>
 	<!-- /wp:column --></div>

archeo/inc/patterns/layout-with-two-images-and-text.php

@@ -17,7 +17,7 @@
 	<!-- /wp:paragraph -->
 	
 	<!-- wp:image {"align":"left","sizeSlug":"full","linkDestination":"none"} -->
-	<div class="wp-block-image"><figure class="alignleft size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg" alt="' . __( 'Photograph by Désiré Charnay, 1862 to 1863', 'archeo' ) . '"/><figcaption><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-background-color"><em>' . __( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ) . '</em></mark></figcaption></figure></div>
+	<figure class="wp-block-image alignleft size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg" alt="' . __( 'Photograph by Désiré Charnay, 1862 to 1863', 'archeo' ) . '"/><figcaption><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-background-color"><em>' . __( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ) . '</em></mark></figcaption></figure>
 	<!-- /wp:image --></div>
 	<!-- /wp:column -->
 	

archeo/style.css

@@ -203,3 +203,12 @@ body > .is-root-container > .wp-block-template-part > .wp-block-cover,
 .wp-block-group.simple-list-of-posts {
 	align-items: baseline;
 }
+
+/*
+ * Needed until there's a fix in GB.
+ * Related: https://github.com/WordPress/gutenberg/pull/39045
+ */
+ .wp-block-image img {
+	height: auto;
+	max-width: 100%;
+}