<figure class="r_s pa_m read_xl bg-2">
  <div class="flex wrap-no gap_m collapse-p">
    <div class="span-auto">
      <div class="ar-1-1 width_xl ra-circle">
        <img class="cover" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Nietzsche187a.jpg/177px-Nietzsche187a.jpg" alt="Friedrich Nietzsche">
      </div>
    </div>
    <div class="flex column">
      <blockquote class="text_xxl text-serif text-italic ma-b_s">
        <p>
          One must still have chaos in oneself to be able to give birth to a dancing star.
        </p>
      </blockquote>
      <figcaption class="span-auto flex-bottom">
        —<cite>Friedrich Nietzsche</cite>
      </figcaption>
    </div>
  </div>
</figure>
<p class="text_s ma-t_s">
  PSSST. Like quotes? Check out the <a href="https://fortrabbit.github.io/quotes/">developer quotes</a>.
</p>