#content-circuit{
  width: 100%;
  height: 100vh;
  background: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#content-circuit svg {
  position: absolute;
  top: -50%;
  left: 0;
  display: block;
  width: 200%;
  height: 200vh;
  opacity: 10%;
}

/*
============================== 
Media queries. 
==============================
*/

@media (max-width: 1100px) {
  #content-circuit svg {
    position: absolute;
    top: -150%;
    left: 0;
    display: block;
    width: 400%;
    height: 400vh;
    opacity: 10%;
  }
}

@media (max-width: 500px) {
  #content-circuit svg {
    transform: rotate(90deg);
    position: absolute;
    top: -50%;
    left: -150%;
    display: block;
    width: 400%;
    height: 300vh;
    opacity: 10%;
  }
}

@media (max-width: 400px) {
  #content-circuit svg {
    transform: rotate(90deg);
    position: absolute;
    top: -100%;
    left: -200%;
    display: block;
    width: 480%;
    height: 370vh;
    opacity: 10%;
  }
}

@media (max-width: 300px) {
  #content-circuit svg {
    transform: rotate(90deg);
    position: absolute;
    top: -100%;
    left: -170%;
    display: block;
    width: 470%;
    height: 370vh;
    opacity: 10%;
  }
}