.image-container {
  position: relative;
  width: 100%;
}

.image-container .bubble {
  position: absolute;
  max-width: 30%;
}

/* Adjust the top and left requirements based on your requirements or preferences */
.image-container .bubble:nth-child(1) {
  top: 5%;
  left: 5%;
}

.image-container .bubble:nth-child(2) {
  top: 45%;
  left: 95%;
}

.image-container .bubble:nth-child(3) {
  top: 85%;
  left: 10%;
}

.image-container .bubble:nth-child(4) {
  top: 80%;
  left: 80%;
}

.image-container .bubble:nth-child(5) {
  top: 15%;
  left: 77%;
}

.image-container .bubble:nth-child(6) {
  top: 20%;
  left: 3%;
}

/* bubbles disappear when top right bubble touches paragraph. Adjust based on your requirements */

@media (max-width: 1000px) {
    .image-container .bubble{
        display: none;
    }
}