Need a little bit of help with a css responsive code for my website... I just started learning css so it's still hard for me!
I'm trying to create a hero banner of two identical columns with a product picture (green box) overlapping them in the middle.
I would like them responsive to make them move like that in mobile view ( please take a look at the pictures below)
Here is an exemple of a website doing that : https://carboncoco.com/
And I found a code of two responsive columns but I can't figure it out how to make the box overlap them : https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_two_columns_responsive
If anyone can help me doing this.. Many thanks !!