.bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-0 {
  background-position: center 70%;
}

.bg-1 {
  background-position: center 100%;
}

.bg-2 {
  background-position: center 80%;
}

.bg-3 {
  background-position: 10% center;
}

.bg-4 {
  background-position: center center;
}

.bg-5 {
  background-position: 53% 30%;
}

.bg-6 {
  background-position: 90% 40%;
}

.bg-7 {
  background-position: 40% 60%;
}

.bg-8 {
  background-position: center 40%;
}

.bg-9 {
  background-position: 48% 100%;
}

/* DEFAULT */
.bg-0 {
  background-image: url("/public/bg/bg-0-720.jpg");
}

.bg-1 {
  background-image: url("/public/bg/bg-1-720.jpg");
}

.bg-2 {
  background-image: url("/public/bg/bg-2-720.jpg");
}

.bg-3 {
  background-image: url("/public/bg/bg-3-720.jpg");
}

.bg-4 {
  background-image: url("/public/bg/bg-4-720.jpg");
}

.bg-5 {
  background-image: url("/public/bg/bg-5-720.jpg");
}

.bg-6 {
  background-image: url("/public/bg/bg-6-720.jpg");
}

.bg-7 {
  background-image: url("/public/bg/bg-7-720.jpg");
}

.bg-8 {
  background-image: url("/public/bg/bg-8-720.jpg");
}

.bg-9 {
  background-image: url("/public/bg/bg-9-720.jpg");
}

/* MEDIA QUERIES */
@media (min-width: 721px) {
  .bg-0 {
    background-image: url("/public/bg/bg-0-1024.jpg");
  }
  .bg-1 {
    background-image: url("/public/bg/bg-1-1024.jpg");
  }
  .bg-2 {
    background-image: url("/public/bg/bg-2-1024.jpg");
  }
  .bg-3 {
    background-image: url("/public/bg/bg-3-1024.jpg");
  }
  .bg-4 {
    background-image: url("/public/bg/bg-4-1024.jpg");
  }
  .bg-5 {
    background-image: url("/public/bg/bg-5-1024.jpg");
  }
  .bg-6 {
    background-image: url("/public/bg/bg-6-1024.jpg");
  }
  .bg-7 {
    background-image: url("/public/bg/bg-7-1024.jpg");
  }
  .bg-8 {
    background-image: url("/public/bg/bg-8-1024.jpg");
  }
  .bg-9 {
    background-image: url("/public/bg/bg-9-1024.jpg");
  }
}
@media (min-width: 1025px) {
  .bg-0 {
    background-image: url("/public/bg/bg-0-1440.jpg");
  }
  .bg-1 {
    background-image: url("/public/bg/bg-1-1440.jpg");
  }
  .bg-2 {
    background-image: url("/public/bg/bg-2-1440.jpg");
  }
  .bg-3 {
    background-image: url("/public/bg/bg-3-1440.jpg");
  }
  .bg-4 {
    background-image: url("/public/bg/bg-4-1440.jpg");
  }
  .bg-5 {
    background-image: url("/public/bg/bg-5-1440.jpg");
  }
  .bg-6 {
    background-image: url("/public/bg/bg-6-1440.jpg");
  }
  .bg-7 {
    background-image: url("/public/bg/bg-7-1440.jpg");
  }
  .bg-8 {
    background-image: url("/public/bg/bg-8-1440.jpg");
  }
  .bg-9 {
    background-image: url("/public/bg/bg-9-1440.jpg");
  }
}
@media (min-width: 1441px) {
  .bg-0 {
    background-image: url("/public/bg/bg-0-1920.jpg");
  }
  .bg-1 {
    background-image: url("/public/bg/bg-1-1920.jpg");
  }
  .bg-2 {
    background-image: url("/public/bg/bg-2-1920.jpg");
  }
  .bg-3 {
    background-image: url("/public/bg/bg-3-1920.jpg");
  }
  .bg-4 {
    background-image: url("/public/bg/bg-4-1920.jpg");
  }
  .bg-5 {
    background-image: url("/public/bg/bg-5-1920.jpg");
  }
  .bg-6 {
    background-image: url("/public/bg/bg-6-1920.jpg");
  }
  .bg-7 {
    background-image: url("/public/bg/bg-7-1920.jpg");
  }
  .bg-8 {
    background-image: url("/public/bg/bg-8-1920.jpg");
  }
  .bg-9 {
    background-image: url("/public/bg/bg-9-1920.jpg");
  }
}