.contact-orbits[data-effect] {
  top: 3%;
  right: 0;
  width: 52%;
  height: 66%;
  opacity: 1;
  pointer-events: none;
  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 93%, transparent);
}

.contact-orbits[data-effect] > span,
.contact-orbits[data-effect] > i {
  display: none;
}

.contact-effect-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 800px) {
  .contact-orbits[data-effect] {
    top: 9%;
    right: -26%;
    width: 94%;
    height: 48%;
    opacity: 0.48;
    mask-image: linear-gradient(90deg, transparent, #000 35%, #000);
  }
}

@media (max-width: 520px) {
  .contact-orbits[data-effect] {
    top: 6%;
    right: -44%;
    width: 135%;
    height: 42%;
    opacity: 0.3;
  }
}