Outside content widgets are not responsive

Hi

I set the widgets outside the container by entering this in the custom css under the Frontier options menu.

#text-53.widget-body {
position: absolute;
left:148px;
top: 500px;
}
#text-54.widget-body {
position: absolute;
left: 1250px;
top: 500px;
}

– I’m using the frontier child theme you published on your page
– 1 sidebar (right), container width default 960px
– I’m planning to use the widgets to display Google Adsense ads

The Frontier theme is responsive, when I reduce my browser width, the theme and my website, nicely reduce size

But the 2 outside-container-text widgets move independently. So when I reduce the width of the browser (chrome), the left text widget moves inside/over the container and the right one moves outside the vieweable area.

So I’m sure I’m missing something. How can I make them ‘responsive’?

Thanks