Tables wider than the screen on mobile devices

Hello!

First of all, I simply love the GeneratePress theme! Thank you for creating this wonderful theme!

Could anyone please help me in making the Tables more responsive on my blog - https://11teamprediction.in ?

Currently, the tables are going even wider than the screen. I know this CSS - overflow:hidden but this is required to be added before every table (inside a div element).

I don't want to use this CSS property every time I use a table on my blog. So, could anyone please provide me any solution for this?

Link to the page which you can test:- https://11teamprediction.in/ipl-2020-teams-and-players-list/

Hoping for a positive response!

Best Regards!