How to set background animation only above background image portion?

Question

I have provided background animation example. In the snippet there is star animation above image. My problem is animation overlaps to remaining part of the page. I want that animation only above image. I don't want that animation above that red background portion below image.

Animation example

6h3tagsv

Answer 1

Adding overflow:hidden to .visual-banner will solve this.

.visual-banner {
   /* other props */
   overflow:hidden;
}

Updated fiddle