<section class="padding-y-xl">
  <div class="container max-width-adaptive-md">
    <div class="grid gap-md [email protected]">
      <figure class="[email protected]">
        <img class="block width-100%" src="https://images.unsplash.com/photo-1517340073101-289191978ae8?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="Image description">  
      </figure>

      <article class="text-component line-height-lg v-space-md [email protected]">
        <h1>Section One</h1>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora optio earum suscipit quasi possimus mollitia! Assumenda, maxime quis dolor soluta optio molestias accusamus, harum vero ipsum officia quo eaque nulla praesentium debitis eum non facilis velit consectetur. At, voluptates animi!</p>
      </article>
    </div>
  </div>
</section>