.comp-infographic-component {
  padding: 16px 5px;
  padding-bottom: 0;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.bubbles-container .col-9 {
  margin-bottom: 16px;
  justify-items: center;
}
.bubbles-container .col-9:nth-child(even) {
  margin-left: 26.66667%;
}

.bubble {
  background-color: #fff;
  border: solid 5px #7DCA42;
  border-radius: 50%;
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  padding: 8%;
  max-height: 284px;
  max-width: 284px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bubble .bubble-head {
  color: #2F97D5;
  font-size: 24px;
  font-weight: 700;
}
.bubble .bubble-title {
  color: #188431;
  font-size: 22px;
  font-weight: 700;
}
.bubble .bubble-text {
  color: #000;
  font-size: 13px;
  font-weight: 400;
}

.blue-circle .bubble {
  border: solid 5px #1565C0;
}

.green-numbers .bubble .bubble-head {
  color: #7DCA42;
}

@media (min-width: 768px) {
  .comp-infographic-component {
    padding: 15px 5%;
  }
  .bubbles-container .col-9:nth-child(even) {
    margin-left: 0;
  }
}