html,
body {
  height: 100%;
  margin: 0;
}

body {
  overflow: hidden;
}

/* Fit entire image inside the viewport (no cropping) */
.bg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  object-fit: contain; /* fits image to screen */
  object-position: center; /* centers any empty space */
  display: block;
}