.hero{position:relative}.hero .container,.hero .dashboard-wrapper{position:relative;z-index:5}.bubble{position:absolute;z-index:0}#bubble-1{left:0;top:8rem}#bubble-2{top:6rem;right:8rem}#bubble-3{top:10rem;right:0}#bubble-4{top:30rem;right:15rem}#bubble-5{top:45rem;left:6rem}#bubble-6{left:30%;top:85%}#bubble-7{right:0;top:100%;transform:translateY(-100%)}@media screen and (max-width:992px){.hero{overflow:hidden}#bubble-1{top:4rem;transform:translateX(-50%) scale(.8)}#bubble-2{right:-4rem}#bubble-3,#bubble-4,#bubble-5,#bubble-7{display:none}}