<div id="post-header" class="post-header">
  <div class="color-stripe row w-100 no-margin">
    <div class="bg-main-1"></div>
    <div class="bg-main-2"></div>
    <div class="bg-main-3"></div>
    <div class="bg-main-4"></div>
    <div class="bg-main-5"></div>
    <div class="bg-main-6"></div>
    <div class="bg-main-7"></div>
    <div class="bg-main-8"></div>
  </div>
</div>
<div class="bg-main-1 text-white">
  <div class="container col-xxl-8 pt-0 pt-sm-0 pb-0 pb-sm-0 hero-small" style="background-image:url(images/101.png)">
    <div class="row align-items-center">
      <div class="col-12 col-md-6 pb-200">
        <h1 class="display-5 fw-bold lh-1 mb-3 text-white" style="line-height:1.25em">AI Based Online Image Tools</h1>
        <p class="lead mb-0 pt-100">Easily convert, resize, compress, edit, upscale and remove background for your images online.</p>
      </div>
    </div>
  </div>
</div>
<div class="color-stripe row w-100 no-margin">
  <div class="bg-main-1"></div>
  <div class="bg-main-2"></div>
  <div class="bg-main-3"></div>
  <div class="bg-main-4"></div>
  <div class="bg-main-5"></div>
  <div class="bg-main-6"></div>
  <div class="bg-main-7"></div>
  <div class="bg-main-8"></div>
</div>