Horizontal Images

<div class="horizontal-image block-small-even horizontal-image-hover-move horizontal-image-hover-overlay">
  <div class="row">
    <div class="col-xs-12">
      <div class="horizontal-img-bg horizontal-img-bg-demo block-small"></div>
    </div>
  </div>
</div>

<div class="horizontal-image block-small horizontal-image-right horizontal-image-hover-move horizontal-image-hover-overlay">
  <div class="row">
    <div class="col-md-4 horizontal-image-info block-small">
      <div class="container">
        <h2 class="horizontal-image-title">Check this out!</h2>
        <p class="content m-t">
          Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus.
        </p>
        <hr>
        <p class="content m-b-0">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft
        </p>
      </div>
    </div>
    <div class="col-md-8 no-padding block-small">
      <div class="horizontal-img-bg horizontal-img-bg-demo block-small"></div>
    </div>
  </div>
</div>

<div class="horizontal-image block-small horizontal-image-left horizontal-image-hover-move horizontal-image-hover-overlay">
  <div class="row">
    <div class="col-md-8 no-padding block-small">
      <div class="horizontal-img-bg horizontal-img-bg-demo block-small"></div>
    </div>
    <div class="col-md-4 horizontal-image-info block-small">
      <div class="container">
        <h2 class="horizontal-image-title">Check this out!</h2>
        <p class="content m-t">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft</p>
        <hr>
        <p class="content m-b-0">
          Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus.
        </p>
      </div>
    </div>
  </div>
</div>

<div class="horizontal-image block-small-even horizontal-image-hover-move">
  <div class="row">
    <div class="col-xs-12">
      <div class="horizontal-img-bg horizontal-img-bg-demo block-small"></div>
    </div>
  </div>
</div>

<div class="horizontal-image block-small-even horizontal-image-hover-overlay">
  <div class="row">
    <div class="col-xs-12">
      <div class="horizontal-img-bg horizontal-img-bg-demo block-small"></div>
    </div>
  </div>
</div>

<div class="horizontal-image block-small-even">
  <div class="row">
    <div class="col-xs-12">
      <div class="horizontal-img-bg horizontal-img-bg-demo block-small"></div>
    </div>
  </div>
</div>