.multiorgan-container {
  width: 500px;
  margin: 0 auto;
}


.organ-image {
  cursor: pointer;
  transform-origin: center;
  transition: all 0.5s ease;
}

.brain-image {
  transform-origin: 240px 100px;
}

.cardiovascular-image {
  transform-origin: 270px 230px;
}

.eye-image {
  transform-origin: 240px 60px;
}

.pulmonary-image {
  transform-origin: 250px 200px;
}

.hepatic-image {
  transform-origin: 250px 200px;
}

.musculoskeletal-image {
  transform-origin: 250px 200px;
}

.renal-image {
  transform-origin: 250px 200px;
}

.eye-image:hover,
.renal-image:hover {
  transform: scale(1.02);
  filter: url(#highlight);
}

.organ-image:hover {
  transform: scale(1.05);
  filter: url(#highlight);
}

.connector-line {
  stroke: #fff;
  stroke-width: 2;
}

.organ-label {
  fill: #fff;
  font-size: 14px;
  pointer-events: none;
}

.organ-label-main {
  font-weight: bold;
}

.organ-label-sub {
  font-size: 12px;
  fill: #ccc;
}

.label-group {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.brain-image:hover ~ .organ-labels .label-group[data-for="brain"],
.cardiovascular-image:hover
  ~ .organ-labels
  .label-group[data-for="cardiovascular"],
.eye-image:hover ~ .organ-labels .label-group[data-for="eye"],
.organs-group a {
  cursor: pointer;
}

svg {
  width: 100%;
  height: auto;
  pointer-events: all;
}