For the first row column, we make use of push effects, from the left, right and top. But first we need to hide the content and show an alternative text. We also set a background so that when it pushes, so the text can be seen nicely on the background.
On the 2nd row column, we make use of image zooming, image filters and title effects. We also make use of the Module height on the advanced design settings for desktop and mobile, so that it looks evenly nice across all.
This time, we make things simple as 1 2 3. So no custom CSS is involved. Let me know what you think about this at the comment below. If you have something to share, please contact us and we will upload to our showcase list.