Widgets on mobile

Hello, I am trying to make the widgets on the bottom of my page to sit 2 on each line instead of one after each other on mobile. I am speaking about the 6 widgets just above the footer on my homepage: https://cardiff.ro.

I have tried using some CSS to do that, but I am a beginner when it comes to it and I haven’t manage to fix them. Is there any other way I could achieve this?

Thank you

The page I need help with: [log in to see the link]