body {
  background-color: black;
  color: white;
  font-family: Arial, sans-serif;
}

.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column; /* Stack image and caption vertically */
}

.showcaseimage {
  height: 800px;
  width: auto;
  max-width: 100%; /* Prevents the image from overflowing */
}

.caption {
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
  font-style: italic;
}

/* Default styles (Desktop) */
.showcaseimage {
  height: 800px;
  width: auto;
  max-width: 100%;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .showcaseimage {
    width: 90%; /* Image scales to fit screen width */
    height: auto; /* Maintains aspect ratio */
    max-height: 80vh; /* Prevents it from being too tall */
  }
}


  .caption {
    font-size: 16px; /* Slightly smaller font for better readability */
  }

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