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

.image-container {
  max-width: 100%;
  max-height: calc(100vh - 40px); /* Adjust 40px as needed for any top/bottom margins */
  margin: auto;
  text-align: center;
  overflow: hidden;
}

img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
}