anchor.diff:  <div class="small-12 medium-4 large-4 <%= carousel_size %> column text-center <%= key %> ">
     <div class="card small-centered <%= key %>-inner">
   
  -    <h4><%= t("welcome.recommended.#{key.underscore}.title") %></h4>
  +    <h3><%= t("welcome.recommended.#{key.underscore}.title") %></h3>
   
       <div class="orbit" role="region" data-orbit data-use-m-u-i="false">
         <div class="orbit-wrapper">
  
positive.code:                 <%= render_recommendation_image(recommended, image_default) %>
                  <div class="card-section">
                    <%= link_to recommended_path(recommended) do %>
                      <h5 class="truncate-horizontal-text"><%= recommended.title %></h5>
                    <% end %>
                    <p><%= recommended.description %></p>
                  </div>
                </div>
              </li>
  
negative.code: 
        </div>
  
        <div class="orbit-bullets">
          <% recommendeds.each_with_index do |recommended, index| %>
            <button data-slide="<%= index %>" class="<%= active_class(index) %>">
              <span class="show-for-sr">Second slide details.</span>
            </button>
          <% end %>
        </div>
  
      </div>
  
  