<template>
  <div class="relative h-[97.436vw] md:h-[45.938vw] flex flex-col items-center">
    <Carousel :autoplay="2000" :wrap-around="true" paginationColor="gray" paginationActiveColor="red">>
        <Slide v-for="slide in 3" :key="slide">
          <div class="carousel__item">{{ slide }}</div>
        </Slide>
    
        <template #addons>
          <Pagination />
        </template>
      </Carousel>
  </div>

</template>




<script setup>

</script>






<style scoped>
</style>

