<?php
/**
 * Title: Image with headline and separate description
 * Slug: archeo/image-with-headline-separate-description
 * Categories: images
 */
?>

<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pyramid.jpg","mediaType":"image","mediaWidth":56,"imageFill":true,"focalPoint":{"x":"0.50","y":"0.28"}} -->
<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-image-fill" style="grid-template-columns:auto 56%"><figure class="wp-block-media-text__media" style="background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pyramid.jpg);background-position:50% 28.000000000000004%"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pyramid.jpg" alt="<?php esc_attr_e( 'Photo of House of the dwarf, in Uxmal', 'archeo' ); ?>"/></figure><div class="wp-block-media-text__content">
	<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"-0.02em","lineHeight":"1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"100"}},"fontSize":"huge"} -->
	<p class="has-huge-font-size" style="font-style:normal;font-weight:100;line-height:1;text-transform:uppercase;letter-spacing:-0.02em"><?php echo wp_kses_post( __( 'House of <br>the dwarf <br>in Uxmal', 'archeo' ) ); ?></p>
	<!-- /wp:paragraph -->

	<!-- wp:group {"style":{"spacing":{"padding":{"top":"min(26rem, 26vw)","bottom":"min(6rem, 6vw)"}}}} -->
	<div class="wp-block-group" style="padding-top:min(26rem, 26vw);padding-bottom:min(6rem, 6vw)">
		<!-- wp:paragraph {"fontSize":"small"} -->
		<p class="has-small-font-size"><?php echo wp_kses_post( __( 'Also referred to as <br>The Pyramid of the Magician', 'archeo' ) ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph {"fontSize":"small"} -->
		<p class="has-small-font-size"><?php _e( 'The pyramid is the tallest structure in Uxmal. Construction on the pyramid began around the 6th century AD. It was added and iterated on for the next 400 years.', 'archeo' ); ?></p>
		<!-- /wp:paragraph -->
	</div><!-- /wp:group -->
</div></div><!-- /wp:media-text -->