The Text and Image Block allows you to combine text over images.
To add a Text & Image block, go to Block > Add > Text & Image.
Once this has been selected, the Text & Image block editor will appear.
Text Tab
The text editor is similar to your Text Block. To change the text alignment, use the tiles within the grid in the lower left hand corner.
To change the width and padding, use the sliders in the Text tab.
To change the text box background, use the colour picker below the editor. You can also change the opacity of the background.
Image Tab
To apply an image, go to the Image tab and click on 'Select Image'. Your Image Library will appear.
To change the image alignment, click on the tiles within the grid.
To change the image background colour, go to the colour picker. You can also change the opacity.
Settings Tab
Click on the Settings tab to find the height adjustment, linking to a page, mobile text reduction and more.
To change the height of the banner, you can adjust it here.
Click on Save and you're good to go!
