/* Remove default margins and padding that cause scrollbars */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100dvh;
  box-sizing: border-box;
}

.bg-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: black;
  background-size: cover; /* Stretches the image to fill the layout */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat;
}
img.full-screen {
  width: 100%;
  height: 100vh;
  object-fit: cover; /* Keeps aspect ratio while covering the full area */
}