.gallery {
  @apply max-w-screen-xl mx-auto px-12 py-12;

  .gallery-card {
    @apply h-auto py-12 border border-primary !p-3;
    img {
      @apply w-full h-80 object-cover filter grayscale hover:grayscale-0 transition-all duration-300;
    }
  }

  .swiper-slide {
    @apply p-2;
  }

  .swiper-slide:nth-child(even) .gallery-card {
    @apply rotate-1;
  }

  .swiper-slide:nth-child(odd) .gallery-card {
    @apply -rotate-1;
  }
}