有没有更好的方法（html / css / js）？页面周围散布着气泡，有些带有内容

Question

这是我的笔：https://codepen.io/anon/pen/pdBzQm

我希望这些气泡散布在页面周围。其中一些会有内容，有些则没有。我对html / css不是很好，我想知道是否有更好的方法来实现这一点，所以这有点反应。圆圈的大小现在不必缩小。我将使用媒体查询来调整到不同的视口。我关心的是html / css代码。

这是css代码：

body {
        width: 100%;
        margin: 0;
        padding: 0;
        font-family: 'Glacial Indifference';
        color: #f2f2f2;
}