/* dynamic login background: alps1 */
body {
  /* Fallback */
  background-image:
    url("/images/alps1-16x9-1920.jpg");

  /* Äldre Safari prefix */
  background-image:
    -webkit-image-set(
      url("/images/alps1-16x9-1920.webp") 1x,
      url("/images/alps1-16x9-2560.webp") 1.5x,
      url("/images/alps1-16x9-3840.webp") 2x
    );

  /* Modern */
  background-image:
    image-set(
      url("/images/alps1-16x9-1920.webp") type("image/webp") 1x,
      url("/images/alps1-16x9-2560.webp") type("image/webp") 1.5x,
      url("/images/alps1-16x9-3840.webp") type("image/webp") 2x,
      url("/images/alps1-16x9-1920.jpg") 1x
    );

  background-size: cover;
  background-position: 50% 42%;
  background-repeat: no-repeat;
  background-color: #0a1e2a;
}

/* Ultrawide 21:9 */
@media (min-aspect-ratio: 21/9) {
  body {
    background-image:
      image-set(
        url("/images/alps1-21x9-3440.webp") type("image/webp") 1x,
        url("/images/alps1-21x9-3440.jpg") 1x
      );
  }
}

/* Super-ultrawide 32:9 */
@media (min-aspect-ratio: 32/9) {
  body {
    background-image:
      image-set(
        url("/images/alps1-32x9-5120x1440.webp") type("image/webp") 1x,
        url("/images/alps1-32x9-5120x1440.jpg") 1x
      );
  }
}

/* Phones (portrait) */
@media (max-aspect-ratio: 3/4) {
  body {
    background-image:
      image-set(
        url("/images/alps1-9x16-1080x1920.webp") type("image/webp") 1x,
        url("/images/alps1-9x16-1080x1920.jpg") 1x
      );
  }
}