Text and Images
Basic element
This is the basic Text and Image block - actually, this one is just text without any images applied.
We've also used the button option here!
Image left
On this block, we've set an image aligned left. We've also changed the background color to 'grey' so that there's some visual separation from the block above.
If you're viewing this page on a mobile, this block automatically adapts - text at the top and picture underneath.
There's another (optional) button as well!
Parallax
On this block, we've got a few things going. Firstly, rather than use the 'heading' field, we've created just a standard H2 heading using the text editor.
Then, we've used the background option to put the image in the background, then we've set the overlay to 'Navy', which in addition to putting a filter over the photo also changes the text to white.
Finally, we've said 'Yes' to Parallax, which means you get a cool 3d effect when the page scrolls!
Right-aligned
Here's the block with the image set to align-right. As before, instead of using the 'heading' field, we've just created a standard H2 heading in the text editor. By default, most H2 headings are red!
We've also set the background color to 'grey' again as well.
And here's one more button!
