anchor.diff:                <div class="section-info section-share">
                   <h6>HECTARES OF LOSS OUTSIDE OF PLANTATIONS</h6>
                   <div class="section-btn">
  -                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'loss_outside_plantations', width: '520', height: '400'} %>
  +                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'loss_outside_plantations', width: '600', height: '400'} %>
                     <a href="#" class="info icon green circle source" data-source="loss_outside_plantations">
                       <svg>
                         <use xlink:href="#shape-info"></use>
  
positive.code:       </div>
      </section>
  
      <!-- employment -->
      <section class="country-section country-employment-section" data-scroll-index='3'>
        <div class="inner">
          <section class="section-content">
            <div class="left-col">
              <!-- employment -->
              <a href="#" id="employment" class="anchor-country-info"></a>
              <section class="country-employment" data-scroll-index='3'>
  
negative.code:                         </div>
                          <div class="plantations-box">
                            <p class="plantations-text">Percent of total tree cover loss</p>
                            <p class="plantations-percentage"><%= data['perc_loss_outside'].round(0) %>%</p>
                            <div class="plantations-trees">
                              <div class="mask">
                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
  