.SouborItem {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  max-width: 250px;
  text-align: center;
  text-shadow: 0 0 0.2em #fff;
  height: 100%;
}

.SouborItem-image {
  position: relative;
  z-index: 1;
}

.SouborItem-name {
  display: block;
  font-weight: 700;
  z-index: 1;
  margin-top: 1em;
  transition: var(--animationBase);
}

.SouborItem-name:hover, .SouborItem-name:active, .SouborItem-name:focus {
  text-decoration: underline;
  color: var(--colorLinkText);
}

.SouborItem-role {
  font-weight: 700;
  z-index: 1;
}

@keyframes bubble-behind {
  0%, 100% {
    transform: scale(1);
    top: 0;
    right: 10%;
  }
  10% {
    transform: translate(0, -30%) scale(1.2);
    top: 0;
    right: 0;
  }
  37% {
    transform: translate(0, -100%) scale(1.2);
    top: 80%;
    right: 0;
  }
  55% {
    transform: translate(100%, 0) scale(0.8);
    top: 50%;
    right: 100%;
  }
  70% {
    transform: translate(100%, -30%) scale(0.8);
    top: 0;
    right: 100%;
  }
}

.SouborItem::after {
  content: '';
  position: absolute;
  border-radius: 100px;
  background-color: var(--colorCircles);
  z-index: 0;
  top: 0;
  right: 50%;
  animation-name: bubble-behind;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.SouborItem:nth-child(2n)::after {
  animation-delay: -11s;
}

.SouborItem:nth-child(3n)::after {
  animation-delay: -17s;
}

.SouborItem:nth-child(5n+1)::after {
  height: 120px;
  width: 120px;
  animation-duration: 27s;
}

.SouborItem:nth-child(5n+3)::after {
  height: 70px;
  width: 70px;
  animation-duration: 19s;
}

.SouborItem:nth-child(5n+4)::after {
  height: 50px;
  width: 50px;
  animation-duration: 24s;
}

.SouborItem:nth-child(5n)::after {
  height: 80px;
  width: 80px;
  animation-duration: 20s;
}

/*# sourceMappingURL=soubor-item.min.css.map */