Image Overlay

<div class="image-overlay-block block-medium-even">
  <div class="overlay-part">
    <div class="image-overlay-text">
      <div class="container">
        <h2 class="image-overlay-title h1">Easy development with Kate</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
      </div>
    </div>
  </div>
</div>

<div class="image-overlay-block block-medium-even" data-parallax="scroll">
  <div class="overlay-part">
    <div class="image-overlay-text">
      <div class="container">
        <h2 class="image-overlay-title h1">Easy development with Kate</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
      </div>
    </div>
  </div>
</div>

<div class="image-overlay-block block-medium-even image-overlay-gradient-top" data-parallax="scroll" data-speed="0">
  <div class="overlay-part">
    <div class="image-overlay-text">
      <div class="container">
        <h2 class="image-overlay-title h1">Easy development with Kate</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
      </div>
    </div>
  </div>
</div>

<div class="image-overlay-block block-medium-even image-overlay-gradient image-overlay-left">
  <div class="overlay-part">
    <div class="image-overlay-text">
      <h2 class="image-overlay-title h1">Easy development with Kate</h2>
      <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
    </div>
  </div>
</div>

<div class="image-overlay-block block-medium-even image-overlay-gradient image-overlay-right">
  <div class="overlay-part">
    <div class="image-overlay-text">
      <h2 class="image-overlay-title h1">Easy development with Kate</h2>
      <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
    </div>
  </div>
</div>

<div class="image-overlay-block block-medium-even image-overlay-gradient-top">
  <div class="overlay-part">
    <div class="image-overlay-text">
      <div class="container">
        <h2 class="image-overlay-title h1">Easy development with Kate</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
      </div>
    </div>
  </div>
</div>

<div class="image-overlay-block block-medium-even image-overlay-gradient">
  <div class="overlay-part">
    <div class="image-overlay-text">
      <div class="container">
        <h2 class="image-overlay-title h1">Easy development with Kate</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
      </div>
    </div>
  </div>
</div>