<!-- CSS here -->
    <script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />

<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
<style>
  .articleSwiper .swiper-slide {
    transition: transform .45s ease, opacity .45s ease, filter .45s ease;
    transform: scale(.92);
    opacity: .65;
    filter: saturate(.9);
  }
  .articleSwiper .swiper-slide-prev,
  .articleSwiper .swiper-slide-next {
    transform: scale(.96);
    opacity: .85;
  }
  .articleSwiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    filter: saturate(1);
  }
</style>
