[Enhancement] No shadow on Slider cards

[henrikvoetmand]

• [x] I have written a good issue

Describe the enhancement

The default cards has a drop shadow. When cards are used in Slider component, the card shadow is hidden by the "swiper-container" (overflow = hidden). The result is that the cards does not look right.

We still need the "swiper-container" to hide the cards that are not in view.

Describe the solution you'd like

Find a new way to hide cards not in view, but keep the card shadow visible.

Have you considered any alternatives?

No

Are there any additional context?

Card shadow hidden:

Card shadow NOT hidden:

---

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

• [ ] Request that the issue is UX refined; do not proceed until this is done.
• [ ] Request that the issue is tech refined; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• [ ] Make sure you have read: "Before you get coding".
• [ ] Signal to others you are working on the issue by assigning yourself.
• [ ] Create a branch from the develop branch following our branch naming convention.
• [ ] Publish a WIP implementation to Github as a draft PR and ask for feedback.
• [ ] Make sure you have implemented tests following the guidelines in: "The good: Test".
• [ ] Update the cookbook with examples and showcases.

Review

Once the issue has been implemented and is ready for review:

• [ ] Do a self-review.
• [ ] Create a pull-request. If you created a draft PR during implementation you can just mark that as "ready for review".

[troelslenda]

I noticed the same. Here I changed kirby-card box-shadow to red to provide better visuals.

[troelslenda]