Can get mobile display to show images correctly

i have what I need on this page.. http://flipstrim21plan.com/reto-de-mindfulness-gracias/

but I cant get this page to show up correctly on phone or tablet devices.

I am using the Divi theme. Within that theme there is a page builder, I am using just css to create this roll over effect, without div tags etc., which I think is a handicap when trying to get this page to display on devices, but if I add div tags to a text module in divi it really messes things up.

Can you help, I've spent about 6 hours on this trying to get 3 images to align that have rollover, just using css. I've tried using @media only screen and screen width's but find I am turning circles trying to get this to work