block organization chart

assets/sass/_theme/blocks/organization_chart.sass

+.block-organization_chart
+    article
+        position: relative
+        .name
+            @include h4
+            a
+                @include stretched-link
+                text-decoration: none
+            + p
+                margin-top: half($spacing0)
+    @include media-breakpoint-up(md)
+        @include in-page-with-sidebar
+            .persons
+                @include grid(2, md)
+            article
+                flex-direction: row
+                .avatar
+                    margin-right: $spacing1
+                    width: calc(#{col(1, 4)} + #{$grid-gutter})
+                .description
+                    margin-top: $spacing1
+        @include in-page-without-sidebar
+            .persons
+                @include grid(6, md)
+            article
+                text-align: center
+                .avatar
+                    width: 100%
\ No newline at end of file

assets/sass/_theme/sections/persons.sass

@@ -8,8 +8,8 @@
 
     .name
         margin-bottom: px2rem(5)
-        & ~ p
-            @include small
+        // & ~ p
+            // @include small
 
     @include media-breakpoint-down(md)
         display: block

layouts/partials/blocks/templates/organization_chart.html

@@ -25,8 +25,8 @@
             <div>
               {{- if (partial "GetTextFromHTML" .role) }}
                 <article class="person" itemscope itemtype="https://schema.org/Person">
-                  <div>
-                    <p class="name" itemprop="name">
+                  <div class="description">
+                    <h1 class="name" itemprop="name">
                       {{ if $with_link }}
                       <a href="{{ $person.Permalink }}" aria-label="{{ i18n "commons.more_aria" (dict "Title" $person.Title) }}">
                       {{ end }}
@@ -34,7 +34,7 @@
                       {{ if $with_link }}
                       </a>
                       {{ end }}
-                    </p>
+                    </h1>
                     <p itemprop="jobTitle">{{ partial "PrepareHTML" .role }}</p>
                   </div>
                   <div class="avatar" itemprop="image">
@@ -42,9 +42,9 @@
                       {{ partial "commons/image.html"
                             (dict
                               "image"    $person.Params.image
-                              "mobile"   "76x76"
-                              "tablet"   "76x76"
-                              "desktop"  "76x76"
+                              "mobile"   "80x80"
+                              "tablet"   "100x100"
+                              "desktop"  "255x255"
                             )}}
                     {{ end -}}
                   </div>