Create style.css

All <div>'s with class bubble have the same properties applied and are not visible.
<div>'s with id's applied are positioned accordingly.

The classes bubblepop and bubblepop2 are added using jQuery to make the bubbles, grow to over-sized and then decrease to optimum size.

There are a choice of two approaches to ensure the bubblepop/2 right property takes effect either:

(1) increase the strength of specificity by referring to not only the <div> id but also it's class
(2) use the !important to override the right property set in the bubble class