body {
  background-color: #000;
  margin: 0;
  padding: 0;
  overflow: hidden; /* Prevents scrollbars */
}

.img-container {
  width: 100vw;
  height: 100vh;             /* Fill entire viewport */
  display: flex;
  justify-content: center;   /* Center horizontally */
  align-items: center;       /* Center vertically */
  overflow: hidden;          /* Crop any overflow */
  margin: 0;
}

.img-container img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;       /* Ensures full image fits without cropping */
  display: block;
}

/* Optional: only enforce full-view constraint in landscape */
@media (orientation: landscape) {
  body {
    overflow: hidden;
  }
  .img-container {
    height: 95vh;
  }
  .img-container img {
    object-fit: contain;
  }
}

/* Portrait mode — restore normal responsive behavior */
@media (orientation: portrait) {
  body {
    overflow-y: auto; /* allow vertical scroll again if needed */
  }
  .img-container {
    width: 95%;
    height: auto;
    margin: 0 auto;
  }
  .img-container img {
    width: 100%;
    height: auto;
  }
}