Please watch how the component is designed to keep aspect ratio in narrow bounds: a moderately landscape-shpaged image is the basis and turns to quadrat on mobile (the uncovered part)
Even if the height-prop is termed as "2/3" > it will behave differently on different viewports.
Important is that the height of the image stays consistent (and the placement of the banner over the image) ... and the image only scales to the left and right.
We should have an prop where we decide whether it is centered, left- or right-bound as it
Same for the overlay-card: It keeps its aspect-ratio and the default-sizing of typography is made in was that a 'headline' with content "Standbilder mit echten Erlebnissen" still doesn't break.
Banner-Section
Details to implement the PageBanner-Component. Comparable props will be needed for the PageCover-Component (TBD)
Proportions
Desktop Tablet Mobile
Please watch how the component is designed to keep aspect ratio in narrow bounds: a moderately landscape-shpaged image is the basis and turns to quadrat on mobile (the uncovered part)