.three {
  z-index: -1;
  overflow-x: hidden;
  position: relative;
}

.three main {
  margin: 0;
}

.renderer3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.tooltip3 {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5em;
  opacity: 0;
  transform: translate(-50%, 0);
  transition: opacity 0.1s, transform 0.3s;
  pointer-events: none;
}

.tooltip3.isActive {
  pointer-events: all;
  opacity: 1;
  transform: translate(-50%, calc(-100% - 20px));
  transition: opacity 0.3s, transform 0.3s;
}

.container3 {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  z-index: 2;
}