<article id="services" class="l-relative l-screen-min-full services-bg">
  <div class="l-section-pad l-wrapper">
    <h2>Services</h2>
    <ul>
      <li>
        <img src="https://via.placeholder.com/200" alt="SERVICE IMAGE">
        <h3>Service Heading</h3>
        <p>
          <span>Dolor ad velit illum adipisicing laborum! Unde assumenda corporis dolore iure earum Sit ipsum exercitationem nisi dolore a repellendus! Nostrum accusamus laborum in sapiente velit Recusandae facere esse et natus.</span>
        </p>
        <p>
          <span>Sit minima sapiente quidem ipsam animi? Nesciunt officiis amet facilis repellat nulla maiores? Deleniti debitis reprehenderit est magni modi Veniam cumque officia quas ex veniam Voluptates molestias eaque dolorem ratione</span>
        </p>
      </li>
      <li>
        <img src="https://via.placeholder.com/200" alt="SERVICE IMAGE">
        <h3>Service Heading</h3>
        <p>
          <span>Elit rem consequatur magnam magnam et voluptatem laborum? Maxime recusandae assumenda ratione ratione nisi laudantium! Recusandae accusantium eaque dolorum corporis quod. Excepturi provident commodi adipisci distinctio voluptatibus. Nulla ullam vitae.</span>
        </p>
        <p>
          <span>Consectetur provident modi corporis reprehenderit incidunt? Vel illo dolor minima excepturi accusamus nostrum? Illo dignissimos aliquid perspiciatis corrupti possimus fuga. Reiciendis excepturi commodi voluptatum molestias magnam Accusantium totam illo harum</span>
        </p>
      </li>
      <li>
        <img src="https://via.placeholder.com/200" alt="SERVICE IMAGE">
        <h3>Service Heading</h3>
        <p>
          <span>Amet illo expedita facere nihil vero, ab Deserunt doloremque commodi error aperiam laborum. Placeat omnis possimus est ipsam voluptas. Incidunt officia atque nisi dicta voluptates laborum Iusto exercitationem tempora dicta.</span>
        </p>
        <p>
          <span>Amet architecto praesentium cumque delectus exercitationem Repudiandae facere quia sed id inventore? Vel tempore fugit iusto ab magnam. Consequatur iure ex temporibus odio ab eligendi dolore? Dignissimos ipsum non sit</span>
        </p>
      </li>
      <li>
        <img src="https://via.placeholder.com/200" alt="SERVICE IMAGE">
        <h3>Service Heading</h3>
        <p>
          <span>Ipsum perferendis perspiciatis velit ut commodi accusantium Dignissimos quisquam quam voluptatum perspiciatis optio? Beatae molestiae quisquam esse ut cum? Ab praesentium ad eius recusandae nisi. Laudantium eos minima ex quod?</span>
        </p>
        <p>
          <span>Lorem nisi facilis corrupti sunt nihil! Ipsum soluta possimus expedita commodi expedita. Reprehenderit sed fugit hic amet maxime velit? Repellat saepe quasi iure laborum quasi. Pariatur dolorem reprehenderit laboriosam dolorum</span>
        </p>
      </li>
    </ul>
  </div>
</article>