Bootstrap Blog Components in Zeus library

<section class="position-relative overflow-hidden py-20">
  <img class="d-none d-lg-block position-absolute top-0 start-0 mt-20" src="zeus-assets/icons/dots/blue-dot-left-bars.svg" alt="">
  <img class="d-none d-lg-block position-absolute top-0 end-0 mt-52" src="zeus-assets/icons/dots/yellow-dot-right-shield.svg" alt="">
  <div class="container">
    <div class="max-w-2xl mx-auto mb-20 text-center">
      <span class="small text-info fw-bold">What&apos;s new at Shuffle</span>
      <h2 class="mt-8 mb-10">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
      <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
    </div>
    <div class="row">
      <div class="col-12 col-lg-8 mb-16">
        <div class="mb-10">
          <img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1525130413817-d45c1d127c42?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=1050&amp;q=80" alt="">
        </div>
        <span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
        <h2 class="h3 mb-4">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
        <p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
        <a class="h6" href="#">Read more</a>
      </div>
      <div class="col-12 col-lg-4 mb-16">
        <div class="mb-10">
          <img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1524758631624-e2822e304c36?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1050&amp;q=80" alt="">
        </div>
        <span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
        <h2 class="h3 mb-4">Lorem ipsum dolor</h2>
        <p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="h6" href="#">Read more</a>
      </div>
      <div class="col-12 col-lg-4 mb-16 mb-lg-0">
        <div class="mb-10">
          <img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1556761175-4b46a572b786?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=967&amp;q=80" alt="">
        </div>
        <span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
        <h2 class="h3 mb-4">Lorem ipsum dolor</h2>
        <p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="h6" href="#">Read more</a>
      </div>
      <div class="col-12 col-lg-4 mb-16 mb-lg-0">
        <div class="mb-10">
          <img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1557804506-d8017c1e4856?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1001&amp;q=80" alt="">
        </div>
        <span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
        <h2 class="h3 mb-4">Lorem ipsum dolor</h2>
        <p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="h6" href="#">Read more</a>
      </div>
      <div class="col-12 col-lg-4">
        <div class="mb-10">
          <img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1544717297-fa95b6ee9643?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1050&amp;q=80" alt="">
        </div>
        <span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
        <h2 class="h3 mb-4">Lorem ipsum dolor</h2>
        <p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="h6" href="#">Read more</a>
      </div>
    </div>
  </div>
</section>