.bubble-wrap {
  overflow: hidden;
  height: 600px;
}

.bubbles {
  position: relative;
  background: salmon;
}

.bubble {
  position: absolute;
  width: 152px;
  height: 152px;
  border-radius: 50%;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.1);
  background-size: 8em;
  background-position: 4px;
  background-repeat: no-repeat;
}

.logo1 {
  background-image: url("../logos/go.png") ;
  background-size: 9em;
  background-position: 4px;
}
.logo2 {
  background-image: url("../logos/auth0.png");
  background-size: 9em;
  background-position: 0.4em;
}
.logo3 {
  background-image: url("../logos/azure-devops.png");
  background-size: 8em;
  background-position: 10px 6px;
}
.logo4 {
  background-image: url("../logos/docker.png");
  background-size: 9em;
  background-position: 9px 22px;
}
.logo5 {
  background-image: url("../logos/dotnetcore.png");
  background-size: 18.5em;
  background-position: -71px 3px;
}
.logo6 {
  background-image: url("../logos/fluent.png");
  background-size: 11.5em;
  background-position: -8px 20px;
}
.logo7 {
  background-image: url("../logos/git.png");
  background-size: 9em;
  background-position: 3px 4px;
}
.logo8 {
  background-image: url("../logos/grafana.png");
  background-size: 8em;
  background-position: 10px 5px;
}
.logo9 {
  background-image: url("../logos/kong.png");
  background-size: 20em;
  background-position: 1em 0.6em;
}
.logo10 {
  background-image: url("../logos/kubernetes.png");
  background-size: 13em;
  background-position: -27px;
}
.logo11 {
  background-image: url("../logos/nomad.png");
  background-size: 10em;
  background-position: -2px -5px;
}
.logo12 {
  background-image: url("../logos/opensearch.png");
  background-size: 11em;
  background-position: 0 0;
}
.logo13 {
  background-image: url("../logos/prometheus.png");
  background-size: 10em;
  background-position: -2px;
}
.logo14 {
  background-image: url("../logos/pulumipus-8bit.svg");
  background-size: 6em;
  background-position: 27px 10px;
}
.logo15 {
  background-image: url("../logos/sonarqube.svg");
  background-size: 8em;
  background-position: 12px 53px;
}
.logo16 {
  background-image: url("../logos/terraform.png");
  background-size: 8em;
  background-position: 15px 15px;
}
.logo17 {
  background-image: url("../logos/Vault_VerticalLogo_FullColor.png");
  background-size: 10em;
  background-position: -4px 0;
}
.logo18 {
  background-image: url("../logos/Microsoft_Azure.svg.png");
  background-size: 8em;
  background-position: 11px 2px;
}
.logo19 {
  background-image: url("../logos/kibana.png");
  background-size: 9em;
  background-position: 6px 2px;
}
.logo20 {
  background-image: url("../logos/gitlab-logo.png");
  background-size: 9em;
  background-position: 6px 2px;
}
.logo21 {
  background-image: url("../logos/GitHub-Logo.png");
  background-size: 12em;
  background-position: -19px 15px;
}
.logo22 {
  background-image: url("../logos/python.png");
  background-size: 14em;
  background-position: -35px 10px;
}
.logo23 {
  background-image: url("../logos/opa-icon-color.png");
  background-size: 9em;
  background-position: 6px 2px;
}
.logo24 {
  background-image: url("../logos/aws.svg");
  background-size: 9em;
  background-position: 3px 40px;
}
.logo25 {
  background-image: url("../logos/okta_logo_square_small.png");
  background-size: 9em;
  background-position: 6px 2px;
}
.logo26 {
  background-image: url("../logos/argocd.png");
  background-size: 9em;
  background-position: 6px 2px;
}
.logo27 {
  background-image: url("../logos/circleci-logo.png");
  background-size: 9em;
  background-position: 6px 2px;
}