FEATURE Handling the components styles

resources/css/blocks/gallery.css

@@ -0,0 +1,22 @@
+.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 max-h-80 object-cover;
+    }
+  }
+
+  .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;
+  }
+}