Hero Block - Not displaying responsively on different screen sizes

[malalacharm]

Describe the bug When resizing, on smaller screens, background image do not resize properly and get cropped inside columns.

To Reproduce Steps to reproduce the behavior:

1. Add a new page
2. Add a Hero Block
3. Add a Background Image
4. See error

Expected behavior Hero image should scale proportionally within the column.

Screenshots

[Arukuen]

The cropping of background image is the default behavior, which can be also observed in core/cover. To achieve scaling without cropping, we can explicitly set it using this custom CSS.

.stk-block-hero .stk--has-background-overlay {
	background-size: contain;
	background-repeat: no-repeat;
	box-shadow: none;
}