Problem with positioning and elements in mobile view

Hello, I’m new to webflow and am currently redesigning a wordpress website and moving it to webflow.

In the website, in “Adventure” section, there are 3 elements with interactions on hover. The problem is that the design isn’t looking good on mobile.

The cards are not stacking below each other and are overlapping. I think it’s a problem with the positioning, but I’m not sure what to do to fix it.

Any workaround or help is greatly appreciated.

Here is my site Read-Only: