region-section.mustache

<div class="bg-cover bg-no-repeat section-clip py-16 lg:py-36"
     style="background-image: url('../../images/background-images/bg-map.jpg')">
  <div class="container--medium mx-auto px-4 ">
    <h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
      Piráti v regionech
    </h2>
    <div class="flex flex-wrap">
      <div class="__js-root flex items-center justify-center h-full mb-4 w-full w-12/12 lg:w-7/12">
        <ui-region-map class="w-full"></ui-region-map>
      </div>
      <div class="w-12/12 lg:w-5/12">
        <div class="flex flex-col justify-center">
          {{> atoms-form-select }}
          <div class="mb-3">
            {{> molecules-small-article-preview }}
          </div>
          <div class="mb-3">
            {{> molecules-small-article-preview }}
          </div>
          <div class="mb-3">
            {{> molecules-small-article-preview }}
          </div>
        </div>
      </div>
    </div>
    <div></div>
  </div>
</div>