Custom module width in top1 position

Hi , I want to put image show gk4 module in top1 position with width of 70% of total page width and another custom html module with 30% page width.What is the best and easiest way to accomplish that?
I use css code in override.css file :
#gkTop1 .box.big {width: 70% !important}
#gkTop1 .box.small { width: 30% !important}
And just put that module suffix into each module.
Is there any easier way to do that ?
Also,when I am using above code,that pagination circles in image show gk4 are streched and looks ugly,so any help with that also ?
Thanks,Goran

Hi

Please show me Your sit when both modules are published.