.turntableSection {
  padding: 6% 0;
  width: 100vw;
}

.wholeTurntable {
  display: block;
  position: relative;
  width: 60vw;
  margin: 0 auto;
}

.deck {
  display: block;
  width: 100%;
  height: auto;
}

.platter, .record, .tonearm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.platter, .record {
  transform-origin: 39.7% 49.6%;
  will-change: transform;
}

.record {
  animation: spinAtThirtyThree 1.8s linear infinite;
}

.tonearm {
  rotate: 20deg;
  transform-origin: 83.6% 25.5%;
}

@keyframes spinAtThirtyThree {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .record { animation: none; }
}

@media (max-width: 799px) {
  .wholeTurntable {
    width: 90vw;
  }
}