The latest version of Lemberg theme (v3.2) offers various ways to display a hero image. This guide shows you some examples with the tile widget
Display a module 'Columns' with two rows. Inside the left column add the following code with Widget/HTML and refresh the page:
<var> draggable-hero </var>
Inside the left column add a module 'Photo'. Inside the right column - any other elements ( heading, text, buttons etc )
Menu> Design> Background select the background color. In case you wanted to remove the background overlay, in Settings> Edit Head > select a page and add a body class 'no-hero-overlay'
Inside the left column find the previous added Widget/HTML with variables and add additional classes:
<var> draggable-hero g-font no-padding has-transparent-header is-matrix has-btm-arrow </var>
Add another Widget/HTML inside the right column with the variables classes and refresh the page
<var> is-tile is--flex is-flex-block is-img-100 white-outline-btn color-white is-fullwidth </var>
In admin mode this section will look like this:
There's another way to display a full width tile using just a Widget/HTML.
From section 'Shortcodes' select Tile Widget> Fullwidth tile 3 and add it inside the content section
Change the first line of the code and refresh the page:
<div class="is-matrix is-fullwidth bg-dark is-header has-transparent-header has-btm-arrow">