Problemas com CSS

Boa Tarde pessoal,

eu tô tendo problemas com um site aqui. O da invasão corinthiana.

Trabalho para a 4 bts e eles estão com uma certa urgência nisso, pois o evento é dia 30/07 e até agora ninguém conseguiu resolver isso.

A página para acesso é: https://www.invasaocorinthiana.com.br/fazendinha

Se vc escolher o dia lá e o horário aparecem os jogadores no campo. Mas estamos tendo problemas no alinhamento disso na tela. Agora por ex, está bom só no celular. Mas no computador não. Se eu altero o CSS eu só consigo alterar a posição manualmente.

No css está assim na div dos jogadores:
left: 1%;
width: 91%;
height: 180%;
top: 230% !important;
position: absolute;

Assim, só funciona para celular. Mas se eu altero para:
left: 1%;
width: 91%;
height: 180%;
top: 230% !important;
position: absolute;

Aí funciona só para o computador.

Alguém sabe como resolver isso?