.image-overlay {
  position: absolute;
  background-color: rgb(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  
}
.image-overlay-text {
  position: absolute;
  transform: rotate(-45deg);
  top: 2.5em;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: darkgray;
  align-items: center;
  background-color: rgb(255, 255, 255, 0.8);
  font-size: 3em;
  text-transform: uppercase;
}