 </div>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>

      <div class="flex flex-row gap-4 justify-center items-center">
        <div class="xl:absolute mt-8 inset-y-0 -left-10 z-10 flex items-center">
          <button
            @click="swiper.slidePrev()"
            class="-ml-2 lg:-ml-4 flex justify-center items-center focus:outline-none"
          >
            <i
              class="fa-solid fa-circle-chevron-left drop-shadow-md text-3xl opacity-90"
      