Video embed content

<?php
/**
 * Title: Video embed content
 * Slug: video-embed-content
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Video embed content"},"className":"video-embed-content","layout":{"type":"constrained"}} -->
<section class="wp-block-group video-embed-content"><!-- wp:group {"className":"content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group content-wrapper"><!-- wp:heading -->
<h2 class="wp-block-heading">We didn't reinvent the wheel</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We are strategists, designers and developers. Innovators and problem solvers. Small enough to be simple and quick, but big enough to deliver the scope you want at the pace you need.</p>
<!-- /wp:paragraph -->

<!-- wp:embed {"url":"https://www.youtube.com/embed/4bnJG2UDr9A","type":"rich","providerNameSlug":"embed-handler","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/embed/4bnJG2UDr9A
</div></figure>
<!-- /wp:embed --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.video-embed-content {
  @apply bg-white dark:bg-gray-900;

  .content-wrapper {
    @apply py-8 px-4 mx-auto lg:px-12 sm:text-center lg:py-16;

    .wp-block-heading {
      @apply mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white;
    }

    p {
      @apply font-light text-gray-500 sm:text-lg md:px-4 dark:text-gray-400;
    }

    iframe {
      @apply mx-auto mt-8 w-full max-w-2xl h-64 rounded-lg lg:mt-12 sm:h-96;
    }
  }
}