[Bug]: Image dropping out at bottom of `sbb-flip-card` component

[georgwittberger-telekom-mms]

Preflight Checklist

• [X] I have read the Contributing Guidelines for this project.
• [X] I agree to follow the Code of Conduct that this project adheres to.
• [X] I have searched the issue tracker for an issue that matches the one I want to file, without success.

Bug type

Functionality

It affects the following packages

Components

Which version of Lyne Components are you using

1.10.0

Operating system

Windows 10

Browser / Browser version

Google Chrome

Input mode

Mouse/Keyboard

Additional settings

No response

What happened?

On small screens having a width of less than 600px but close to that breakpoint (e.g. 590px) the image inside a sbb-flip-card component (image position below) is not fully contained inside the card but "drops" out at the bottom:

Expected behavior is that the image stays entirely inside the card, so that the image area is completely visible.

Steps to reproduce the issue

1. Open a page with sbb-flip-card component (image-alignment="below"). In Storybook see the example "Image Below": https://lyne-storybook.app.sbb.ch/?path=/docs/elements-sbb-flip-card-sbb-flip-card--docs
2. Resize browser window to 590px width.
3. Check if image is still completely contained inside card.

Relevant log output

No response