We have been trying for over 6 hours to recreate the responsive behavior of our Hero section background image so that it works as it does on these web pages:
variant a: https://www.deinbalkon.de/
variant b: https://www.hornbach.de/
we only find the settings full width row and full height row, but with these functions alone we can’t get this behavior together. i can use full width to stretch the row with content and the height is determined by the elements in the columns. if i also activate full height row, the whole screen is always filled by the height (which is too high for us) and the image is cut off in width.
i would like to understand how i can recreate these two variants a and b.
variant a: shows a certain minimum image height and is cropped up to a defined image width, then the image changes and continues to cropped from the right and towards the end is also cropped slightly from the left.
variant b: background image has a certain width and hight and is scaled, and changes at a certain size and then scales again.
how can i implement this?
.
