Z-Order of Structure 2 Column

I Need Help
1

I’ve created a Structure 2 Column.
For the left side, from the Brick Library:
Title & Paragraph
and on the right, from the Asset Manager:
path-overlay.png

My Question:
Is it possible that both sides/columns can lie on top of each other?
I mean that I create the Structure 2 Columns in an x-axis and then determine the order in the z-axis. So that my text is in front of the image?

Here’s an example

2

Yes you can replicate that.

Some of the CSS attribute like z-index which are not yet supported in the Class Manager you will need to add to the page header using the code editor.

You will need to consider breakpoints also, especially with your CSS in the page header, so I would start with setting up the media queries first and then write up the CSS.

<style>
@media (min-width: 576px) { 
// your styles here
 }

@media (min-width: 768px) {
// your styles here
}

@media (min-width: 992px) { 
// your styles here
 }

@media (min-width: 1200px) { 
// your styles here
}
</style>
3

@PeteSharp Thank you very much for your suggestion :+1: I’ll try it this way.