virages/pages/index.vue

<template>
  <div class="flex justify-center main">
    <Article />
    <!-- <Annotorious /> -->
    <Openseadragon />
  </div>
</template>

<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
.bebas-neue-regular {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-400 {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.text-6xl {
  font-size: 120px;
}
.main {
  margin: 0 auto;
  max-width: 860px;
}
.z-article-title {
  z-index: 50;
}
.z-article-image {
  z-index: 49;
}
</style>