<div class="mw7 center pa4 flex flex-column flex-row-ns bt b--black-10">
    <div class="w-10-ns tc">
    <img src="{{ .Site.Author.avatar }}" class="br-100 w3">
    </div>
    <div class="w-90-ns ph3-ns">
        <h5 class="f4 mv1 berkshire-swash">{{ .Site.Author.name }}</h5>
        <h6 class="f5 fw3 pa0 ma0">{{ .Site.Author.role }}</h6>
        <p class="f6 lh-copy">
            {{ .Site.Author.bio }}
        </p>
    </div>
</div>