Changes

<div id="hrp-section" style="width: 100%;">

<div id="hrp-section" style="width: 100%;">

<div id="hrp-header-compact" style="position: relative; width: 20px; height: 90px;"><div class="{{#var:Style|default}}" style="width: 85px; height: 20px; transform-origin: 45px 45px; -ms-transform-origin: 45px 45px; -webkit-transform-origin: 45px 45px;">Distinctions</div>

<div id="hrp-header-compact" style="position: relative; width: 20px; height: 95px;"><div class="{{#var:Style|default}}" style="width: 95px; height: 20px; transform-origin: 45px 45px; -ms-transform-origin: 45px 45px; -webkit-transform-origin: 45px 45px;">Distinctions</div>

</div>

</div>

<div id="hrp-block" style="height: 90px; width: calc(100% - 20px); float: left;">

<div id="hrp-block" style="height: 95px; width: calc(100% - 20px); float: left;">

<div class="{{#var:Style|default}}" style="height: 90px;">

<div class="{{#var:Style|default}}" style="height: 95px;">

<div style="float: left; padding-left: 5px; font-variant: small-caps;">

<div style="float: left; padding-left: 5px; font-variant: small-caps;">

{{{1|}}}<br/>

{{{1|}}}<br/>

{{{3|}}}

{{{3|}}}

</div>

</div>

<div style="height: 90px; float: right; padding-right: 5px;">

<div style="height: 95px; float: right; padding-right: 5px;">

{| style="height: 90px; vertical-align: middle"

{| style="height: 95px; vertical-align: middle"

| style="vertical-align: bottom;"|[[File:{{#var:Dice|BL}}_D4.png|50px]]

| style="vertical-align: bottom;"|[[File:{{#var:Dice|BL}}_D4.png|50px]]

| style="vertical-align: middle;" | or

| style="vertical-align: middle;" | or