23 lines
461 B
CSS
23 lines
461 B
CSS
.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;
|
|
}
|
|
}
|