<div class="bg-cover bg-no-repeat section-clip mb-8 py-16 lg:py-36 lg:mb-16"
     style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
  <div class="container--medium mx-auto px-4">
    <h2 class="head-7xl text-center mb-6 xl:mb-28">
      Aktuality z paluby
    </h2>
    {{> molecules-main-article-preview }}
    <div class="__js-root">
      <ui-article-carousel>
        <div>
          <div class="flex max-w-md items-start">
            <img src="https://i.picsum.photos/id/523/132/132.jpg?hmac=XjW7KxLZNbta7gMDNvldHNGwA9XyxpjBFUGkJqrMR4o" alt=""
                 class="w-16 xl:w-36 mr-4">
            <div class="flex flex-col justify-between items-start">
              <span class="text-green-500 mb-2">23.2.2022</span>
              <h4 class="uppercase mb-2">
                Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
                ale skutečná. Jak nenaletět internetovým šmejdům?
              </h4>
              <a href="" class="btn btn__slide__wrap ">
                <span class="btn text-sm bg-black text-white w-32 lg:text-base">Zjistit více3</span>
                <span class="btn text-sm bg-white  w-32 lg:text-base">Zjistit více3</span>
              </a>
            </div>
          </div>
        </div>
        <div>
          <div class="flex max-w-md items-start">
            <img src="https://i.picsum.photos/id/523/132/132.jpg?hmac=XjW7KxLZNbta7gMDNvldHNGwA9XyxpjBFUGkJqrMR4o" alt=""
                 class="w-16 xl:w-36 mr-4">
            <div class="flex flex-col justify-between items-start">
              <span class="text-green-500 mb-2">23.2.2022</span>
              <h4 class="uppercase mb-2">
                Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
                ale skutečná. Jak nenaletět internetovým šmejdům?
              </h4>
              <a href="" class="btn btn__slide__wrap ">
                <span class="btn text-sm bg-black text-white w-32 lg:text-base">Zjistit více3</span>
                <span class="btn text-sm bg-white w-32 lg:text-base">Zjistit více3</span>
              </a>
            </div>
          </div>
        </div>
        <div>
          <div class="flex max-w-md items-start">
            <img src="https://i.picsum.photos/id/523/132/132.jpg?hmac=XjW7KxLZNbta7gMDNvldHNGwA9XyxpjBFUGkJqrMR4o" alt=""
                 class="w-16 xl:w-36 mr-4">
            <div class="flex flex-col justify-between items-start">
              <span class="text-green-500 mb-2">23.2.2022</span>
              <h4 class="uppercase mb-2">
                Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
                ale skutečná. Jak nenaletět internetovým šmejdům?
              </h4>
              <a href="" class="btn btn__slide__wrap ">
                <span class="btn text-sm bg-black text-white w-32 lg:text-base">Zjistit více3</span>
                <span class="btn text-sm bg-white w-32 lg:text-base">Zjistit více3</span>
              </a>
            </div>
          </div>
        </div>
      </ui-article-carousel>
    </div>
  </div>
</div>