#spin {
  width: 100%;
  height: 100vh;
}

.spin {
  position: relative;
  height: 800px !important;
}

.spin-img {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.spin-img.active {
  opacity: 1;
  z-index: 10;
}

/* hover/linked highlight for any svg-flat */
.svg-flat.highlight {
  stroke:  rgba(234, 226, 16, 0.41) !important;
  stroke-width: 0 !important;
  fill: rgba(247, 72, 72, 0.28) !important;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 4px rgba(219, 232, 72, 0.65));
}