.backgroundBubble{
  position: absolute;
  background: radial-gradient(circle at 60% 70%, #f3a7b9, #b7a2f1);
  opacity: 0.15;
  border-radius: 50% 40% 60% 50% / 60% 150% 20% 50%; /* irregular shape */
  filter: blur(30px); /* makes it soft & organic */
  z-index: 0;
  pointer-events: none; /* prevents blocking clicks */

}

.background-bubble1 {

  bottom: 15%;
  left: -5%;
  width: 350px;
  height: 300px;
}

.background-bubble2 {
 
  bottom: -9%;
  left: -3%;
  width: 400px;
  height: 250px;
  
}

.background-bubble3 {

  top: 29%;
  right: -13%;
  width: 500px;
  height: 300px;
  
}

.background-bubble4 {
 
  top: -15%;
  left: -5%;
  width: 500px;
  height: 300px;
  
}

.background-bubble5 {

  top: 3%;
  left: -13%;
  width: 500px;
  height: 160px;
  
}