.magnet {
  transition: transform .3s ease;
}
.follow {
  position: fixed;
  z-index: 2;
  left: -12.5px;
  top: -12.5px;
  width: 25px;
  height: 25px;
  background-color: var(--red-color-red-main);
  border-radius: 100%;
  transition: all .2s ease;
  pointer-events: none;
  mix-blend-mode: difference;
}
.page--about .follow { 
  z-index: 2;
}
.follow-mouse-active {
  left: -25px;
  top: -25px;
  width: 50px;
  height: 50px;
}

.follow-xxl-active {
  left: -125px;
  top: -125px;
  width: 250px;
  height: 250px;
}
.follow-lg-active {
  left: -50px;
  top: -50px;
  width: 100px;
  height: 100px;
}