.tattoo-studio-bg {
  background-image: url('/img/bg-4.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .tattoo-studio-bg {
    transform: translateZ(0); /* Enable hardware acceleration */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Push it to the back */
  }
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Anton', cursive;
  font-weight: 400;
  font-style: normal;
}
#root {
  min-height: 100%;
}