CSS Hexagon Grid with animation

<div class="result">
  <div class="preview">
    <div class="row">
      <div class="hexagon">
        <span>
          <div class="content">
            <p class="title">Title</p>
            <p class="description">Lorem ipsum lorem upsum muspu merol lorem upsum muspu merol lorem upsum muspu merol</p>
          </div>
        </span>
      </div>
      <div class="hexagon">
        <span>
          <div class="content">
            <p class="title">Title</p>
            <p class="description">Lorem ipsum lorem upsum muspu merol lorem upsum muspu merol lorem upsum muspu merol</p>
          </div>
        </span>
      </div>
    </div>
    <div class="row even">
      <div class="hexagon">
      <span>
        <div class="content">
          <p class="title">Title</p>
          <p class="description">Lorem ipsum lorem upsum muspu merol lorem upsum muspu merol lorem upsum muspu merol</p>
        </div>
      </span>
    </div>
    <div class="hexagon">
      <span>
        <div class="content">
          <p class="title">Title</p>
          <p class="description">Lorem ipsum lorem upsum muspu merol lorem upsum muspu merol lorem upsum muspu merol</p>
        </div>
      </span>
    </div>
    </div>
  </div>
</div>