.image-container {
/*  position: relative;*/
  display: inline-block;
  object-fit: contain;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.overlay-text {
  position: absolute;
/*  top: 80%; */
  top: 87%; 
  left: 6%; 
  transform: translate(-10%, -50%);
/*  background-color: #000000; */
  color: #fff; 
  padding: 10px 20px; 
/*  font-size: 200px; */
  font-size: 50px;
  font-style: italic;  
  text-align: center;
}

  .overlay-extratext {
  position: absolute;
  top: 92%; 
  left: 10%; 
  transform: translate(-15%, -30%);
/*  background-color: #000000; */
  color: #fff; 
  padding: 10px 20px; 
  font-size: 50px;
  font-style: italic;  
  text-align: center;
}
  .overlay-filename {
  position: absolute;
  top: 5%; 
  right: 5%; 
  transform: translate(-5%, -30%);
/*  background-color: #000000; */
  color: #fff; 
  padding: 10px 20px; 
  font-size: 50px;
  font-style: italic;  
  text-align: center;
}