20 #hero-links Hero links

@todo: component to be removed when the dt_featured_item stop using it.

Example

The European Commission is the executive of the European Union and promotes its general interest.

Image text one
Image text two 
<div class="hero-links">
  <div class="container-fluid">
    <div class="hero-links__text">
      <p>The European Commission is the executive of the European Union and promotes its general interest.</p>
    </div>
  </div>
  <div class="container-fluid">
    <div class="hero-links__items">
      <div class="hero-links__item">
        <a href="#" class="hero-links__btn">
          <img class="img-responsive" src="https://picsum.photos/550/200" alt="">
          <span class="hero-links__caption">Image text one</span>
        </a>
      </div>
      <div class="hero-links__item">
        <a href="#" class="hero-links__btn">
          <img class="img-responsive" src="https://picsum.photos/550/200" alt="">
          <span class="hero-links__caption">Image text two</span>
        </a>
      </div>
    </div>
  </div>
</div>