How can I enlarge and center an embedded Google Sheet table for different screen sizes?

Hoping someone can assist!

I’m trying to make this embedded google sheet table larger, which I can do by adjusting the width (161%) and then I move it left so its in the centre (-100px) so it can be seen properly but loading it on different screens (Eg. tablet) does not show all the columns.

Ideally I want to remove the left to right scroll bar on this table, but keep the table in the middle of the page at all times on any screen or device its loaded onto. I understand that devices like phones will need to scroll.

.container iframe {
position: absolute;
top: 0;
left: -100px;
width: 161%;
height: 115%;
}

Any help is much appreciated.