* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100vw;
  min-height: 100vh;
  font-family: "Exo", Arial, sans-serif;
  background-color: #557;

  display: grid;
  place-content: center;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  background-image: url("https://www.w3cplus.com/sites/default/files/blogs/2021/2112/photo.jpg");

  background-image: image-set(
    "https://www.w3cplus.com/sites/default/files/blogs/2021/2112/photo.jxl"
      type("image/jxl"),
    "https://www.w3cplus.com/sites/default/files/blogs/2021/2112/photo.avif"
      type("image/avif"),
    "https://www.w3cplus.com/sites/default/files/blogs/2021/2112/photo.webp"
      type("image/webp"),
    "https://www.w3cplus.com/sites/default/files/blogs/2021/2112/photo.jpg"
      type("image/jpg")
  );
}