/* Default background */
.background {
  background-image: url("/assets/images/bg-desktop.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

/* Mobile devices (max-width: 600px) */
@media (max-width: 600px) {
  .background {
    background-image: url("/assets/images/bg-mobile.png");
  }
}

/* Tablets (601px - 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .background {
    background-image: url("/assets/images/bg-desktop.png");
    background-position: bottom center;
  }
}

/* Small desktops (1025px - 1366px) */
@media (min-width: 1025px) and (max-width: 1366px) {
  .background {
    background-image: url("/assets/images/bg-desktop.png");
    background-position: bottom center;
  }
}

/* Large desktops (1367px and above) */
@media (min-width: 1367px) {
  .background {
    background-image: url("/assets/images/bg-desktop.png");
    background-position: bottom center;
  }
}