.image-container {
  position: relative;
  display: inline-block;
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;
}
.top-left {
  position: absolute;
  top: 10px;
  left: 15px;
  transform: translate(-50%, -50%); 
  background-color: #00000000; 
  color: #ffffff; 
  padding: 10px 20px; 
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px; 
  text-align: top;
  }

.overlay-text {
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  background-color: #00000000; 
  color: #ff3c3c; 
  padding: 10px 20px; 
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight: bold;
  font-size: 20px; 
  text-align: top;
}