.hero-safe {
  height: 80svh;          /* moderne Viewport-Höhe */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;       /* optional für Randflächen */
}

.hero-safe img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}